I’m trying to make some adjustments to the style.css file in the Freedom theme, but my changes are being overridden by some inline CSS somewhere. Check out the “Our Mission” heading at this link. I want to change the color of all H2 elements, but I cannot figure out which file this inline CSS is in. Anyone know?
Hi @RossCaputi ,
It looks like you have the following line in your template:
<style type="text/css" media="all">
<!--
h1 {
color:#D8AA70
}
h2, h3 {
color:#3C3C3C
}
-->
</style>
I think this might be a customization you (or someone else at your org) made to the template and then tried to comment out the CSS, but it’s not using a valid CSS comment, but rather an HTML comment syntax.
@RossCaputi Just for clarification, if you remove the entire style tag with the above styles, then it looks like the colors in your styles.css will take effect.
If you look at the style.css sheet, it’s not a traditional CSS file (at least not the way I learned it). It’s a “normalized” CSS sheet and this line is not in this file. But I don’t know which file it’s in. I suspect it’s in one of this theme’s many PHP files? I’m not sure.
I would check whether your site is using the CSS Editor plugin; CSS Editor styles are added inline like that.
2 Likes
Yes, I think that was it. I had the plugin installed, but didn’t have anything in it. As soon as I deactivated it, the issue went away. Thanks!