MyBB Community Forums

Hi, I'm trying to give my buttons a little style but the moment I put any CSS styling to .button my entire forum goes up in smoke. I mean EVERYTHING is jumbled and fubar pretty severely.

The code I'm using is this:

.button {
    background: url("/images/thead.png") repeat-x scroll 0 0 #EDEDED;
    border: 1px solid #63AA2B;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    padding: 2px 3px;
    text-shadow: 0 -1px #4B7926;

I was hoping this could add a bit to my stale buttons but no idea why it blows things up (literally). Any help would be great

Just try adding these codes :
Replace in global.css ur buttons and add this

.button {
font-weight: bold;
font-size: 15px;
background: url(images/path) repeat-x bottom left!important;
color: #000;
padding: 3px 8px;
border: 1px solid #bababa;
}

.button:link, .button:visited {
color: #000;
text-decoration: none;
}

.button:hover {
color: #007ecf;
text-decoration: none;
border: 1px solid #777;
}

.buttton:active {
background: #cbcbcb url(images/path) repeat-x top left!important;
color: #000;
text-decoration: none;
}

You're missing the ending brace, and I don't think you need quotes to link to an image either. Try this:

.button {
    background: url(images/thead.png) repeat-x scroll 0 0 #EDEDED;
    border: 1px solid #63AA2B;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    padding: 2px 3px;
    text-shadow: 0 -1px #4B7926;
}

I love you guys