WordPress Child Theme – Change Navigation Menu Color

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:

#access {
	background: #000;
	display: block;
	float: left;
	margin: 0 auto;
	width: 940px;
}

To:

#access {
    background: rgb(124,84,202);
	display: block;
	float: left;
	margin: 0 auto;
	width: 940px;
}

Leave a Comment

Your email address will not be published.

Scroll to Top