Agency Pro – need white header bkgd and black text

[websiteproducer]

Hi,

I'm using Agency Pro and the theme comes with a dark header background and white text.

How would I go about making the background for just that section to be white and for the link menu text to be Black .. or better yet, the same dark gray from the footer text.

http://screencast.com/t/SnEHepFS

[Ginger]

Hi there,

Have a look in your style.css file for this section:

.site-header {
	background-color: #333;
	left: 0;
	min-height: 61px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

And change the hex color value on background-color: to the shade you would like. For example a white background would be #fff.

For the navigation menu color, that would be here:

.genesis-nav-menu {
	clear: both;
	color: #fff;
	font-family: 'Spinnaker', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	width: 100%;
}

Change that white on color: #fff to what you would like - the grey on the footer is #999. You'll also have to consider the hover colors and the site title if you are using that in lieu of an image.

.site-title a {
       color: #fff; 
}

I recommend checking out this tutorial to see how to use Inspect Element in your browser to learn what to change and how you can change it on-the-fly to experiment:

https://www.nutsandboltsmedia.com/how-to-customize-your-genesis-child-theme-with-chromes-inspector/

Hope this helps!

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[websiteproducer]

Thanks so much for your help .. and the tip! All worked perfectly! Really appreciate it.

[Author]

Posts