Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Theme:Twenty Fourteen widgets use white text for links on dark background. But Page Builder puts these widgets in an area that has a white background, so text is “white on white”. I can’t change the background color of the Page Builder row because there is no settings button(?). Can you help me solve either of those two problems?
Update – Widget headers are also white and so they don’t appear against the white background either.
Hi
Perhaps take a look at Page Builder row styles and see if you can’t resolve from there. On the right of any Page Builder row are three buttons, the second button is Visual Style. See if you can resolve from there and let me know how it goes.
Andrew
Good in theory but I have only two icons on the right side of Page Builder rows: Delete and Move. Could that be caused by a conflict with another plug in?
Apologies. I’m forgetting other themes can support by Row Styles but they are only built into our Vantage theme right now.
Please send me a link to a page concerned if your site is live and I’ll take a look.
The site is under development and behind a password. Can I send via email? Do you need admin access?
No problem. Let me do some tests on my side and come back to you.
Please send me an email and I’ll reply with sign in info.
Andy
Pls send email info so I can send sign in credentails.
Hi Andy
Using either the Custom CSS module that’s part of Jetpack or another Custom CSS plugin please insert the following snippet:
.panel-grid a { color: #ff0000; } .panel-grid a:hover { color: #000000; }And change both those colors to the colors you require.
Hope that helps.
Thanks for the code but I realize I inaccurately described the problem. It’s the header text in Widgets (not links) such as in the Visual Editor widget (and others) that inherits its color from the widget settings in Twenty Four. Since other widgets appear against a dark background in the sidebar and footer, Twenty Four makes them white. When Page Builder places them on a white background in the main area, they are white on white.
No problem, it would go like this then:
.panel-grid .widget-title { color: #111; }If you’re interested, our CSS mod tutorial is here: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/
Eureka! You restored the titles and the following code restored links:
.panel-grid .widget-title {color: #111;}
.panel-grid .widget a { color: #24890d;}
.panel-grid .widget a:hover {color: #41a62a;}
Thanks much.
Super, glad we could help.