Joomla Batjo shoutbox, CSS , centering elements below shoutbox

In Progress

NEED DONE NOW, MARCH 25

Joomla Batjo shoutbox, CSS , centering elements below shoutbox...

code will posted below...

"View archive"

"Name: cloudysky"

"Message:"

text box

"send button"

CENTERED UNDER SHOUTBOX...

CSS NEEDING THE AFOREMENTIONED EDITING..

.shoutbox {

/*Uncomment width below*/

/* width: 220px; */

width: 710px;

color: #333333;

margin-left: auto;

margin-right: auto;

}

.shoutboxtop {

/* Borders */

border: 1px solid #FF3C16;

font: 11px helvetica, arial, sans-serif !important;

font-size: 11px !important;

}

.chatoutput {

/* Height of the shoutbox*/

height: 300px;

/* Horizontal Scrollbar Killer */

padding: 0px 8px;

overflow: auto;

}

.chatoutput span {

/* GONZA */

font-size: [url removed, login to view];

color: #FF3C16;

font-weight: normal;

display: inline !important;

border-bottom: 1px dotted #FF3C16;

}

.chatForm label, #shoutboxAdmin {

display: block;

margin: 4px 0;

}

.chatoutput a {

font-style: normal;

font-weight: bold;

color: #FF3C16}

/* User names with links */

.chatoutput li span a {

font-weight: normal;

display: inline !important;

border-bottom: 1px dotted #FF3C16}

.chatForm textarea {

width: 200px;

}

.sbsound_btn {

width: 16px;

height: 16px;

float: left;

padding: 9px;

}

.chatoutput [url removed, login to view] {

padding: 0;

position: static;

margin: 0;

}

.chatoutput li {

padding: 4px;

margin: 0;

color: #333333;

background: none;

font-size: 1em;

list-style: none;

text-overflow:ellipsis;

overflow:hidden;

width: 99%;

}

/* No bullets from Kubrick et al. */

.chatoutput [url removed, login to view] li:before {

content: '';

}

[url removed, login to view] li:first-line {

line-height: 16px;

}

.lastMessage {

padding: 4px;

text-align: center;

border-bottom: 2px dotted #666666;

}

[url removed, login to view] {

font-style: normal;

display: block;

}

.chatoutput .avatar img {

width: 35px;

height: 35px;

float: left;

margin-right: 4px;

border: 1px solid #C0C0C0;

}

.chatoutput .wp-smiley {

vertical-align: middle;

}

.homepage {

display: none;

}

Skills: CSS, Joomla, PHP

See more: text em, padding background, names style editing, inline content editing, background padding, avatar background, css background style, joomla font, joomla css font, php css bottom, css horizontal align, css inline style, batjo, textarea auto, css button text color, joomla archive, block css, joomla align homepage, batjo shoutbox, php shoutbox text, batjo shoutbox archive, background avatar, joomla font color, joomla color css, text message auto send

Project ID: #4365832

3 freelancers are bidding on average $30 for this job

webxtreams

Hi, I can handle this job within your defined budget and time

$30 USD in 0 days
(454 Reviews)
6.7
ShiaFirst

This can be done just now. Award the project and let me start. Thank you!!

$30 USD in 1 day
(20 Reviews)
5.3
krish797

Sir, Ready to align content under shoutbox. I am looking forward to hear from you. Thanking you D.Krishna

$30 USD in 0 days
(63 Reviews)
4.8