I have a Sharepoint site that is using a custom CSS file (say, custom.css) and applied it to the site's Master Page. I'm trying to modify the "Heading 1" style in the RTE to remove the bold and created a custom definition for the class .ms-rteElement-H1. This works across the site, except for on Web Part pages.
I can't understand why my custom definition is being overridden by one from the "Theme" stylesheet.
<link rel="stylesheet" type="text/css" href="/company/accesstesting/_catalogs/theme/Themed/9262B884/search-7E1AFF02.css?ctag=0"/> <link rel="stylesheet" type="text/css" href="/company/accesstesting/_catalogs/theme/Themed/9262B884/corev4-8A0ABD2F.css?ctag=0"/> <link rel="stylesheet" type="text/css" href="/company/accesstesting/Style%20Library/Access%20Testing%20Custom%20Stylesheets/custom.css"/>
<div style="" allowdelete="false" class="ms-WPBody" width="100%" id="WebPartWPQ3" haspers="false" webpartid="xxxx"> <h1 class="ms-rteElement-H1">My Heading</h1> etc. </div>
Firebug inspector is saying that it is taking
.ms-WPBody h1 definition in
Maybe my understanding of CSS inheritance is wrong, but I can't think why that would take precedence over the inline class?