XF 1.5 How overwrite @property style in extra.css ?

dondomainer

Active member
I try to change the color from extra.css, but not change.

here is the orginal.

Code:
.featuredResourceList .featuredResource
    {
        @property "secondaryContent";
        background-color: @xbSecondaryContent;
        padding: 10px;
        border-bottom: 1px solid @xbSecondaryBorder;
        @property "/secondaryContent";
        float: left;
        margin: 0 5px 5px 0;
        box-sizing: border-box;
        width: 300px;
        max-width: 100%;
        padding: 5px;
        box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
        border: 1px solid @primaryLighter;
        border-radius: 5px;
    }
and i try in extra.css

Code:
.featuredResourceList .featuredResource {

background-color: #123456;

}

but not change, I think that @property blocks any change... how can overwrite this ?


Best regard
 

Brogan

XenForo moderator
Staff member
Try using higher specificity (preferable) or !important.

You also seem to be using a third party style based on @xbSecondaryContent, so that could be relevant.
You may have to ask the style author if the CSS selectors are different.
 

dondomainer

Active member
Try using higher specificity (preferable) or !important.

You also seem to be using a third party style based on @xbSecondaryContent, so that could be relevant.
You may have to ask the style author if the CSS selectors are different.
oh lord.. thanks
 

dondomainer

Active member
@dondomainer on all of our premium styles you can use .XenBase as a class to help with CSS selection. It's in the <html> tag so your CSS could look like:

Code:
.XenBase .featuredResourceList .featuredResource { background-color: #123456; }
If you need further help don't hesitate to ask on our site / resource threads here (y).
oh.sure... thanks.
 
Top