Goal: Change the site’s navigation menu color so it matches the color in the header graphic (which is purple).

Section 1 of 2:

To figure out the exact RGB or HEX of the color in the header graphic, we’ll use the ColorZilla Eyedropper plugin for FireFox.

Section 2 of 2:

Now we need to edit the CSS in our Child Theme.

Change:

[css highlight=”2″]#access {
background: #000;
display: block;
float: left;
margin: 0 auto;
width: 940px;
}[/css]

To:

[css highlight=”2″]#access {
background: rgb(124,84,202);
display: block;
float: left;
margin: 0 auto;
width: 940px;
}[/css]