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

dondomainer · Jun 7, 2017

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

Paul B · Jun 7, 2017

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 · Jun 7, 2017

Brogan said:
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

Russ · Jun 8, 2017

dondomainer said:
oh lord.. thanks

@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

.

dondomainer · Jun 9, 2017

Russ said:
@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 .

oh.sure... thanks.

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

dondomainer

Active member

Paul B

XenForo moderator

dondomainer

Active member

Russ

Well-known member

dondomainer

Active member

Similar threads

We value your privacy