XF 1.0 Extra.css Override for Category Strips

Adam H

Member
Hi Guys, Apologies if this has already been asked i have searched but couldn't see anything relevant or i was just wording the search incorrectly.

Im Learning Xenforo after being a long term VB nut and loving it so far, Im not a fan of stylevar type editing so im customising my theme with the extra.css however for the below code it doesnt seem to override with my custom CSS. Is there something im missing ? The override is working with the header edits and navigation edits but this particular class it doesnt.

HTML:
.nodeList .categoryStrip {
    background: url("styles/default/apprentice/xenforo/gradients/category-23px-light.png") repeat-x scroll center top #F9D9B0;
    border-bottom: 1px solid #F9BC6D;
    border-radius: 5px 5px 5px 5px;
    border-top: 1px solid #F9D9B0;
    color: #6D3F03;
    font-size: 11px;
    margin: 0;
    min-height: 6px;
    padding: 5px 10px;
}
Thanks for any help
 

Caelum

Well-known member
Try:

Code:
.nodeList .categoryStrip {
    background: url("styles/default/apprentice/xenforo/gradients/category-23px-light.png") repeat-x scroll center top #F9D9B0 !important;
    border-bottom: 1px solid #F9BC6D;
    border-radius: 5px 5px 5px 5px;
    border-top: 1px solid #F9D9B0;
    color: #6D3F03;
    font-size: 11px;
    margin: 0;
    min-height: 6px;
    padding: 5px 10px;
}
You can also use '@imagepath/xenforo' instead of 'styles/default/apprentice/xenforo' if you want.
 

Adam H

Member
Stupid me , Thanks for that. I totally forgot about the !important attribute lol. One of those days i think :) Thank again
 
Top