Website Font Color- How to change it?

[adi]

How do I change the website font color from light grey to another color?

Topic

[Jason Bobich]

Hello,

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the overriding edits either in your child theme or in the “Custom CSS” option on your theme options page.

For example, here’s a possible selector you could target the text color inside the content area of pages and posts —

div.entry-content { ... }

And here’s how the “color” property works in CSS:

http://www.w3schools.com/CSSref/pr_text_color.asp

http://www.w3schools.com/CSSref/css_colors.asp

Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

[Author]

Replies