I want to change the color of the subheading in the headline widget. When I inspect the code I see that the color is pulled from this code:
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
color: #e59100;
}In my Custom CSS I have tried to input many different things, but nothing works. This is an example of something that does not work:
.widget_headline-widget .entry-content h3 {
color: #666666;
}and
.widget_headline-widget h3 {
color: #666666;
}and
.entry-content h3 {
color: #666666;
}With and without !important. I don’t know what I need to input to change the color on just the subheading, in only that widget, only on the home page?
Thanks.
Try this:
.home .widget_headline-widget h3 { color: #666 !important; }If that doesn’t work please send me a link to the site and I’ll take a look. It should be fine though.
I don’t have access to the code right now because of DNS-propagation, but I will check that tomorrow! Thank you for your answer.
I am fairly sure I tried this though, without luck:
.home .widget_headline-widget h3 { color: #666666 !important; }Can’t remember exactly, so I will give you feedback tomorrow!
Let me know how it goes.
Change #666666 to red for a quick test.
Sadly, your code did not work. Not with “red” either. The site is http://www.sandum.pt and should be propagated correctly.
Thanks for your help
Try put this selector at the top of your Custom CSS.
Yes, it was that easy! Thank you!
But why on the top? Isn’t the last one the one that has the most “weight”?
Cool, glad that worked.
I didn’t check to closely to be honest. I had a look now though and I think your media query is not closed, check that you have a closing curly bracket for the media query.
CSS does cascade so order is important. Usually it would the other way around though and the last listed selector would take precedence.
Oh my….
That was the problem all along I think! It’s closed now!
Thank you again for all your help!
Easy one to miss!