• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

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

dondomainer

Active member
#1
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
#2
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
#3
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
#5
@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.