Archived topic
Content colors not changing
9 replies · Started by Devin on February 26, 2022
I'm not entirely sure what's wrong but when trying to change the content colors for my H3 subheadings and descriptions underneath my images, the color changes that I'm choosing aren't going into effect. I currently have my H3 subheadings set to brown, but they're still showing up as black. What's puzzling is that I've been able to change my background color and entry meta text color, but not the desired headings/text.
Hi there,
some of you headings contain additional HTML that has inline styles - see here for example:
https://www.screencast.com/t/N4RfB27Q
So although the H3 element color is #704214, the heading text is wrapped in a span tag that as inline CSS color of #00000
Apart from throwing some CSS at it the only alternative is to replace those Headings. This CSS would resolve it:
h3 span {
color: #704214 !important;
}Thanks David! Is there any way to change the color of image descriptions and hover color of links in those descriptions or is this something that I have to do manually?
You can use some CSS to change the plain text color:
figure.wp-caption .wp-caption-text,
figure.wp-caption .wp-caption-text span {
opacity: 1;
color: #000 !important;
}add this CSS also if you want to change the link color:
figure.wp-caption .wp-caption-text span a {
color: #f00 !important;
}I’ll try it out! Thanks again :)
You're welcome
The H3 code worked like a charm for desktop but is there any way to get that to apply for mobile and tablet as well?
That CSS should work across all devices - try clearing the browser caches on those devices.
Oops, that did it 😬 Appreciate it.
You're welcome :)
