Here is the current menu – simple black color – and boring!

I want to change it to match the colors in my logo. (This is a test theme so this is not my actual logo.)

I also want the color to be as close a match as possible. So how do I know the color code? You may know a different or better way but this is how I do it. I open up Pixlr – it is free and you can find it here: http://pixlr.com/editor/

When you open pixlr editor, it will look like this:

I open my image from computer.

Select the color picker tool.

Place the color picker tool on the color you want and click.

Click on the main color box on the left, a window will open and you will copy the color code in the box (shown on the right).




Join the Discussion
Write something…
Recent messages
Keisi Premium
I am learning more and more about working with WP. Thank you very much for for this trainning.
Reply
AngelaHall Premium
You are most welcome :)
Reply
tomtitty006 Premium
Hi Angela.Is CSS not regarded as more advanced than html or have I got this wrong,I take it you cannot change colour with html,not that I want to at the minute,it looks very confusing to my brain.
Reply
AngelaHall Premium
Not really more advanced just different. But to make changes with your theme it is done with CSS
Reply
tomtitty006 Premium
Oh,well I don,t want to make any changes yet,I have to work on my Art site tomorrow.
Reply
Keisi Premium
The best part of working with Cascading Style Sheets is that
Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents. Any one that has the time can learn more at www.w3.org/Style/CSS/Overview.en.html
Reply
AngelaHall Premium
right, you can look at it like html is the bones (structure) and css is the skin (hair, makeup lol)
Reply
Prestones Premium
Excellent tutorial Angela!

I use Simple Custom CSS too, and it's been great. It keeps my changes, even if the theme undergoes a major upgrade. Unfortunately, if I change themes, I have to go back and adjust the changes I made in the plugin. Overall though - no complaints!

Nicely done!

Dennis
Reply
AngelaHall Premium
Thank you Dennis :)
Reply
riyazashu Premium
Great training.
Reply
AngelaHall Premium
Thanks :) glad you liked it
Reply
Kathy331 Premium
Excellent training Angela, I'll be making use of this!
Reply
AngelaHall Premium
Thank you Kathy :)
Reply
Top