Font colors on Widgets and Headers

  • Author
    Posts
  • #940857

    I changed the color of my Theme Background from a very dark green to a very light color. Now my headings and my widgets don’t show up (other than the widget headers) because they are printed with a white font on a very light background. Ugh! How do I change the color of the fonts on the headers and the widgets???
    Blog url: http://myawesomeoliveshoots.wordpress.com/

    The blog I need help with is myawesomeoliveshoots.com.

    #941026

    This will allow you to change that. Just edit the color code as desired.

    .widget-area, .widget-area a {
    color: #FFFFFF;
    }

    The color set for other “links” in the theme is: #A3251D, which looks kind of nice with your background.

    #941046

    Thank you for your answer but I can’t figure out how to get to the HTML code on the design. It shouldn’t be this complicated, should it?

    #941063

    That isn’t HTML. That is CSS. You’ve posted to the CSS support forum so we assume you have the Custom Design upgrade.

    Go to appearance > custom design > CSS tab, delete the informational text in the CSS edit window and then paste the code I gave above into the CSS edit window and edit the hex color code. You can then click preview to see what it will look like. If preview does not show a change, then force refresh/reload the preview page. Sometimes browsers will pull from cached files instead of grabbing the new file.

The topic ‘Font colors on Widgets and Headers’ is closed to new replies.