change menu font color eleven40 pro

[miki dedijer]

hi

i've changed the title color of my footer widget like this:
.footer-widgets .entry-title a,
.footer-widgets .widgettitle {
color: #474a51;
}

but how do i change the menu font color in the header, the site name in the header, and the submit text on the genesis enews button to the same color?

http://vildkultur.se

[asterbird]

Header menu font color: .genesis-nav-menu a {}
Header site name: .site-title a, .site-title a:hover {}
Subscribe button: button, input[type="button"], input[type="reset"], input[type="submit"] {}

[miki dedijer]

1. the first line you suggest sets the color of the nav menu, right? this i've changed from black to the current color

.genesis-nav-menu a {
border: none;
color: #c7da76;

2. the second line you suggest i've previously changed without any visible effect on the site:

.site-title a,
.site-title a:hover {
color: #474a51;
text-decoration: none;
}

3. the third line you suggested works! thank you.

[asterbird]

No, first line I suggested .genesis-nav-menu a {} changes the color of the nav menu text color. For the entire header (the black bar with title and menu), use .site-header { background: #c7da76; } . Not sure what you want?

For the second line, can you add it to your css, then show me a link to the page?

Glad the 3rd works for you!

[miki dedijer]

hmm.

1. i want to change the nav menu text color from white to #474a51 (i've already changed the entire header).
the only place in the css where i find .genesis-nav-menu a {} is according to above.

2. i've added the second line with no visible effect. i'm not sure if you want a link to a specific page, but the website is vildkultur.se.

[asterbird]

1. Okay, yes, then you're right on.

2. Thanks for the link. Looks like you're using the blue or green theme, the color is coming from style.css line 1507.

Add the following somewhere after line 1507:

.eleven40-pro-blue .genesis-nav-menu a {
border: none;
color: #c7da76;
}

.eleven40-pro-blue .site-title a, 
.eleven40-pro-blue .site-title a:hover {
color: #474a51;
text-decoration: none;
}

[miki dedijer]

yes!

looking good.

thank you for your time and for sharing what you know.

miki

[asterbird]

sure, np 🙂 you can mark this thread resolved then

[Author]

Posts