Aspire Header Navigation Font Color

Have you made changes to your CSS already? If so, can you send me a link to your site so I can see the exact line that needs to be changed?

Or, you can search for the .site-header part of your CSS (line 1174 in the default CSS) and change the color –

.site-header {
	background-color: #e50000;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

Next, you’ll need to change the background header color that shows up when scrolling down. This can be found here .site-header.light (line 1201 by default)

.site-header.light {
	background-color: #e50000;
	padding-top: 0;
}

Once you change both of those that covers the background. However, the home page background header is transparent at the top and then it changes to .site-header.light above. So if you need the background header to show on your homepage instead of being transparent, then look for this code (line 1196) –

.featured-section .site-header {
	background-color: transparent;
	border:  none;
}

Let me know if that helps.

Ah! Please disregard what I wrote above, I totally misread what you were asking. I thought you were talking about the Background Color. I was just helping someone with their background and got it mixed up.

To change the FONT color to #e50000 on the homepage at the top, try adding this –

.featured-section .genesis-nav-menu a {
	color: #e50000;
}

Next change the font color to #fff on line 1318 so it shows up as white when scrolling down (with the red background) –

.front-page .site-header.light .genesis-nav-menu > .menu-item > a {
    color: #fff;
}

Also do the same for the logo/title text as well since the Font Color shows up as Red on top of a Red Background (line 1218) –

.front-page .site-header.light .site-title a,
.front-page .site-header light .site-title a:hover {
	color: #fff;
}

If you want me to add this code in just let me know.

Let me know if that works.

It looks like you got some of it working. Is the background supposed to be Red or White when you scroll down?

If the background is supposed to be White with Red font, then remove those last 2 edits I just posted. The last 2 edits change the Font Color to White. The only reason I suggested that was because the background on your site was Red when I checked earlier. If the background is supposed to White, then changing those Font Colors back to #e50000 should work.

You’re Welcome!

Let me know when you have the site done and I’ll share it on Social Media.