HTML Tip – How to find out what colors are in your WordPress Theme


ZIZISH – HANDY HTML TIP – How to find out the colors in your WordPress theme.

Want to know what the colors are for your new WordPress theme you just installed?

Here’s how you can find out.

Login to your WordPress admin panel.

www.yoururl.com/wp-admin

Go to the Appearance / Design tab, then click on Editor and look at your list of Theme Files and click on the styles.css file.

Be sure not to change anything (you’re just looking) and use Alt F keyboard command to bring up a Find window and search for color.

Each time you find a new color, highlight, copy and paste the six digit color code into a file (I use Notepad) and within a few minutes you’ll find all the main color codes for your website.

To see what each color looks like, make a post like this one. (you can make it private or delete it later).

To change the FONT color inside a wordpress post, make sure the HTML box is checked (don’t leave it on Visual) and then write out the following using the SCAN tag.

by putting the text [ < SPAN STYLE="color: #_ _ _ _ _ _;" < /span> ]

< SPAN STYLE="color: #9a5300; font-size: 10pt">Here’s what you get< /SPAN>
(to make it work, just take out the space after the < before Span both in the open tag and end tag)

#9a5300 Here’s What You Get

Here’s What I Got

#dd9923 Here’s What You Get

#d9d9d9 Here’s What You Get

#666666 Here’s What You Get

#cccccc Here’s What You Get

#333333 Here’s What You Get

#FFFFFF Here’s What You Get

#cc6600 Here’s What You Get

#5e6168 Here’s What You Get

#003333 Here’s What You Get

#339999 Here’s What You Get

#999999 Here’s What You Get

#e9e9e9 Here’s What You Get

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • TwitThis
If you enjoyed this post, make sure you subscribe to my RSS feed!

Tags: , , , , ,

Heidi White is an internet marketer, writer, news hound, and information junkie. She's a member of The [Syndicate]. With a background in high-tech product marketing & Real Estate, Heidi brings loads of experience to the table. Heidi is also the founder of her own Skype Mastermind Group - "The IM Breakthrough Squad."

4 Responses to “HTML Tip – How to find out what colors are in your WordPress Theme” Subscribe

  1. Gail J Richardson December 30, 2009 at 7:26 pm #

    Thanks for the tip on HTML it is something I really need to learn .This was very helpful for learning the colors in my wordpress theme.
    Gail J Richardson

  2. Wade Watson December 31, 2009 at 11:52 am #

    That’s a trick I haven’t thought of. I usually take more involved approach of importing a site page + the style sheet into a WYSIWYG editor, but for quick and easy color adjustment, this method looks like a good way to go.

  3. Ellen @ Help Your Child Make Friends December 31, 2009 at 7:30 pm #

    What a great idea! I can usually either find themes I like or colors I like in fussy themes, so now I can easily change the colors of the themes I prefer!

  4. Dawn @ Probiotics December 31, 2009 at 10:04 pm #

    What a great html tip! I’m ready for anything that makes life a bit easier. Would never have thought of it and yet getting the colors right for your blog or web site is so important. Thanks.

Bad Behavior has blocked 66 access attempts in the last 7 days.