Home>Support>Twenty Fourteen colors

Twenty Fourteen colors

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 9 months ago abangser

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

  2. 7 years, 9 months ago Andrew Misplon Hi, I Work Here

    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. 7 years, 9 months ago abangser

    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. 7 years, 9 months ago Andrew Misplon Hi, I Work Here

    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. 7 years, 9 months ago abangser

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

  6. 7 years, 9 months ago Andrew Misplon Hi, I Work Here

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

  7. 7 years, 9 months ago Andy Bangser

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

  8. 7 years, 9 months ago Andy Bangser

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

  9. 7 years, 9 months ago Andrew Misplon Hi, I Work Here

    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. 7 years, 9 months ago Andy Bangser

    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. 7 years, 9 months ago Andrew Misplon Hi, I Work Here

    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. 7 years, 9 months ago Andy Bangser

    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. 7 years, 9 months ago Andrew Misplon Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More