How to Change the Font Color for Content Areas on Your Site

I often change the color of the font for my site but couldn’t figure out how to match the font color in the content area of store and content pages to the font in the sidebars. Pip came to my rescue by explaining how to achieve this. Many thanks to Pip for this!

Perhaps you don’t know what this mod will change. For the site pictured below I changed the color of the links in the sidebar and wanted to have all text in the content area (the middle area, above auction results) to be the same color. This mod accomplished this, as you can see here:

Image of how the content text is the same color as sidebar links

 

My instructions to change the font color for content areas on your site:

Step One
 Log in to your site’s Admin and click on the ‘Template‘ tab and ‘styles.css‘ link for the template you are using.
  
 Save a copy of the original code (click here for instructions on how to do this).
Step Two
 Search for the body { tag (it is near the top). Add color: #513094; to the bottom of this block of code
 
 Note: Change #513094; to whatever color you want your sitewide font to be.
  
 Here is how the body { tag looks before I added this code for one of my sites:
Image of how the body { tag looks before being modified
  
 Here is how the body { tag looks after I added this code for one of my sites:
Image of how the body { tag looks after being modified
  
 Save changes and view site for errors.
.

Rochelle

One Response to “How to Change the Font Color for Content Areas on Your Site”

  1. [...] font color for Page Content area to match site [...]

Leave a Reply