Built-in style sheet overrides custo css

Posted by Community Admin on 03-Aug-2018 01:12

Built-in style sheet overrides custo css

Sitefinity - General Discussions

All Replies

Posted by Community Admin on 11-Jan-2011 00:00

Hi,

I have a master page linked to a custom style sheet.
In the custom style sheet there is :

.sfContentBlock h2
    border-bottom: 1px solid #D4D4D4;
    line-height: 2;

But when I refresh the page, the line-height property is not applied, but rather this one (seen with Firebug) :

#content h1, #content h2, #content h3, #content h4, #content h5, .sfContentBlock h1, .sfContentBlock h2, .sfContentBlock h3, .sfContentBlock h4, .sfContentBlock h5
    line-height: 1.2;

which seems to be built-in.
Could you please let me know how to work arount this ?

Any help appreciated.

Thank you

Vincent



Posted by Community Admin on 11-Jan-2011 00:00

This should work

line-height: 2 !important;

Posted by Community Admin on 11-Jan-2011 00:00

Hi Steve,
Thank you for your solution.
I have had good results specifying a parent element class :

.public-wrapper .sfContentBlock h2
    border-bottom: 1px solid #D4D4D4;
    line-height: 2;

Vincent

This thread is closed