Font colors on Widgets and Headers

• 

  oliveshootinstitute · Member · Jul 9, 2012 at 10:05 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  thesacredpath · Member · Jul 10, 2012 at 12:29 am

  • Copy link

  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.

• 

  oliveshootinstitute · Member · Jul 10, 2012 at 3:03 am

  • Copy link

  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?

• 

  thesacredpath · Member · Jul 10, 2012 at 5:36 am

  • Copy link

  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.