How to Change the Color on a WordPress Template

Changing your blog's visual appearance is as easy as editing a style sheet.

WordPress is open-source content management software that is used by Web developers to build blogs and blog-like websites. It is written in HTML, PHP, JavaScript and CSS. If you wish to alter the visual appearance of your WordPress theme, you only need to be familiar enough with CSS to edit your blog's style sheet. You don't need to know any programming to do this, as style sheets are usually formatted to be visually intuitive.

Instructions

1. Log in to your WordPress installation using any Web browser.

2. Click "Appearance" and then "Editor." Here you are able to manually change any part of the theme you wish.

3. Click "Stylesheet" under "Styles." The CSS style sheet for your WordPress theme should now appear in the text viewer.

4. Scroll down to the class or ID tag of an element in your theme that has a color property you wish to change. For example, you may wish to change the background color of the header, in which case you would scroll down to "#header."

5. Delete the color name or hex value that appears to the right of the class or ID tag and type the color name or hex value of the new color. For example, you might see "color: #0000FF;" under the "a:link" tag, giving all the links used in your theme a color of black. Change it to "color: #DC143C;" to change the link color to crimson. See Resources for additional color codes.

6. Click "Update File" to save the color change.

Tips & Warnings

• Remember to always use a semicolon at the end of each CSS attribute.

References

• WordPress: Codex --- Developing a Color Scheme

Resources

• W3Schools.com: CSS Color Names