I use the Sydney theme. I would like the page builder to use my themes h3 color and not overrule it.
I use this in my Additonal CSS and like this color for the page builder as well.
h3 {
color: #90A67E;
}
I have tried various CSS in my Additonal CSS but to no success. I do not want to set every instance of page builder row or widget.
This does nothing.
h3.widget-title {
color: #90A67E !important;
}
I’m OK with site wide change for all page builder content.
Hi Daspi,
Do you have a public URL where we can take a look at what’s going on with a couple of your widget titles? This will allow me to work out why your CSS isn’t applying.
Sure, have a look here: https://bodysoulsalem.com/bodywork/
It looks like inline css is applied from the plugin. SO default is what parent theme had, child theme has the modified css as mentioned above.
Hi Daspi,
There isn’t widget titles used in the sidebar and in the footer.
You can target the sidebar using: #secondary .widget-title
You can target the footer using: .footer-widgets .widget-title
The headers on the page itself aren’t widget titles and can be targeted using h3. I’m unsure what’s changing the header color text, it’s likely something from your theme. Due to how it’s being changed you’ll need to forcefully override the color using !important
Not talking about the sidebar. I use the SO to lay out the page. H3 gets overwritten by SO.
When I insert a new line, then add the SO editor and put h3 text in, I have to go to the right, Widget Design area to, Design and manually change it from black to my color. Why? Should it not take my color from the child theme that I defined in Additional CSS?
h3 {
color: #90A67E;
}
Why is the SO designer defaulting it back to black?
You know, while I wrote this I gave the !important tag a shot and it worked! So I put this in my Additional CSS.
h3, h4, h5, h6 {
color: #90A67E !important;
All set now. Maybe question remains why was !important needed? Why would SO Editor not take the color already pre defined without it? But hey, I am glad it worked.
And I just noticed that my sidebar titles are now #90A67E color as well. Did not want that. Sideboxes titles should have stayed black. How do I do that?
Thank you for the help provided. You may still post how to separate the sidebar styling and my above question but I have solved my current styling mess for the site I am working on. For me the case is closed. Thanks.
Hi Daspi,
As mentioned, we don’t actually do that. I’m unsure what’s doing that on your website but I can assure you, it’s not us.
I would recommend running a plugin conflict test to try and work out what is changing your colors. This is not to suggest it’s a plugin conflict (it’s not), only that this test is a good way of working out what does what.
For reference, here’s our typical plugin conflict test we recommend:
This sounds like it could be a plugin conflict issue. Can you try disabling all non-SiteOrigin plugins and see if this fixes the issue? You’ll need to clear all your caches after disabling your plugins.
If it does fix the issue, then try re-enabling your plugins one by one until the issue comes back. This procedure will help diagnose which plugin is causing the issue.
Once we know that, we’ll be able to look at what might be causing the conflict and either solve the problem or help you find an alternative plugin.
If you aren’t using a SiteOrigin theme, then you can also try temporarily switching to one of the default WordPress themes to see if the issue is theme related.