This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Twenty Fourteen colors

Resolved 13 replies pluginplugin-page-builder
abangser
11 years ago · Last reply by Andrew Misplon 11 years ago

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?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

13
  1. abangser 11 years, 10 months ago

    Update – Widget headers are also white and so they don’t appear against the white background either.

  2. Andrew Misplon Staff 11 years, 10 months ago

    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.

  3. abangser 11 years, 10 months ago

    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?

  4. Andrew Misplon Staff 11 years, 10 months ago

    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.

  5. abangser 11 years, 10 months ago

    The site is under development and behind a password. Can I send via email? Do you need admin access?

  6. Andrew Misplon Staff 11 years, 10 months ago

    No problem. Let me do some tests on my side and come back to you.

  7. Andy Bangser 11 years, 10 months ago

    Please send me an email and I’ll reply with sign in info.
    Andy

  8. Andy Bangser 11 years, 10 months ago

    Pls send email info so I can send sign in credentails.

  9. Andrew Misplon Staff 11 years, 10 months ago

    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.

  10. Andy Bangser 11 years, 10 months ago

    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.

  11. Andrew Misplon Staff 11 years, 10 months ago

    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/

  12. Andy Bangser 11 years, 10 months ago

    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.

  13. Andrew Misplon Staff 11 years, 10 months ago

    Super, glad we could help.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread