Font colors on Widgets and Headers

  • Author
  • #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:

    The blog I need help with is


    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.


    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?


    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.