Help with HTML for Navigation menus

[csmeadow]

Good morning. I'm an amateur designer and don't know HTML. I'm really pleased with Weebly, but I don't see a way to darken the font on the navigation menus.

It is darker when you hover over the menus, but it's a light gray if you don't. I'm a volunteer designing a web for an older population that is having trouble seeing the font color.

I've been unable to find a way to darken the font, so I'm guessing that I need HTML to do that. Would anyone be able to help? The site launches in two weeks.

www.lexmavets.com

Thanks so much!!

Cheryl

[seicolegwr]

@csmeadow 

Open your main.less file. Find the line of code that begins exactly like this (it should be on or about line 238 on Cento theme):

.nav ul li a { display: block; padding: 5px 15px; color: #b9b9b9; text-transform: uppercase;

If you change #b9b9b9 to #000000 the navigation font should change to the deepest black available and so offer the greatest contrast to the white background. Important: don’t change anything else. Save and publish.

Hope this helps, Gary

[csmeadow]

@seicolegwr 

Hey Gary,

Thanks, it helped. The drop down menus on now really crisp and dark. The only thing is, except for the Home button, all the others are light gray until you hover over them; then they darken. Is there a way to darken them without the hover?

Really appreciate it!

Cristina

[seicolegwr]

@csmeadow 

Hi Cristina,

I had another look at your code and it looks to me like the submenu font colour is now OK but your main nav menu font colour is unchanged.

So, according to your code this block of code (under /* Submenu */) is now showing #000000:

#wsite-menus .wsite-menu li a {

background: #ffffff;

color: #000000; 

border: none;..............

but not this block (under /* Nav */), which is several lines above it:

.nav ul li a {

display: block;

padding: 5px 15px;

color: #b9b9b9;

text-transform: uppercase;...............

If you change this block to #000000 the main menu text will darken (I've just done this using the 'Inspect' element and it does work), but let me know if it doesn't work,

Gary

[csmeadow]

@seicolegwr 

Gary,

Thanks for getting back to me.  I wasn't able to make it happen, but I'm launching the site on 8/31 and don't have more time to invest in this. I do feel proud though, your previous instruction taught me how to take lighten the drop downs (client felt black was too dark!! LOL).

Anyway, I appreciate your generosity of spirit.

- Cristina