HTML Code to Change the Colors in WordPress


HTML colors are coded using six numerical digits. For example, white is "FFFFFF" and black is "000000." Inserting color into your WordPress blog or website is a matter of finding these six-digit color codes in the HTML/CSS and changing them to a color you prefer. There are many websites that list all possible color combinations. For the fastest coding, choose your color codes first and then go into the WordPress coding.

Things You'll Need

  • HTML color chart
  • Open a browser and go to your WordPress login page. Type your username and password. Click the blue "Log In" button.

  • Click "Editor" under "Appearance" in the left-hand column of the WordPress Dashboard.

  • Click "stylesheet.css" under "Styles" in the CSS menu on the right-hand side of the window. You are in the HTML/CSS editor.

  • Press Ctrl+F on the keyboard to bring up the "Find" box. Type "color" and click the arrow to find all of the color choices in your WordPress theme.

  • Change the HTML color code to the color you want. For example, to change the hover color for a link, change

    a:hover { text-decoration: underline; color: #000000; }


    a:hover {text-decoration: underline; color: #FF0000; }

    The color changes from black to red.

  • Repeat step 5 with the color choices in your WordPress theme. Change font colors, link colors, header colors, heading colors, footer colors, sidebar colors and background colors.

  • Click the blue "Update File" button. Click your WordPress blog name to see the changes.

Tips & Warnings

  • Every HTML color must have a "#" sign in front of it. Correct coding:
  • body: {background: #FFFFFF;}

Related Searches


  • Photo Credit Jupiterimages/liquidlibrary/Getty Images
Promoted By Zergnet


You May Also Like

Related Searches

Is DIY in your DNA? Become part of our maker community.
Submit Your Work!