Change font color/bold on LifestylePro sub menu

[restmin]

I have spent over an hour going through the forums and looking at CSS on my site and I cant find where to change this. Sorry if it is obvious.

I want the submenu (bottom menu) to have the white (as it is) but BOLD.
I want the drop downs to have a darker font of #3F3F3F

I also want all the body text of the whole site to default to #3F3F3F

We serve the chronically ill community and many have cognitive and visual challenges.
http://invisibleillnessweek.com/home

Thanks so much!

http://invisibleillnessweek.com/home

[Porter]

For your drop downs, open your style.css and do a search for (ctrl + f) "#a5a5a3", that's the color currently being used. When you find that color, you should see it in some css pertaining to sub-nav, or navigation related css. Simply swap out that color for the #3F3F3F that you prefer.

That same color appears to be what's being used in the body, so again, search for "#a5a5a3" find .body (or something very similar) and replace it with #3F3F3F.

The only bit I'm not 100% on is how to make the white stay as is, but be bold. I'm sure that's really simple css, but css is not my forte, in fact, I loath it haha.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[restmin]

Thanks sooo much! It all worked well. For reference, in case someone else needs to know, for the bold, I added this line to this area of code. (This would be for the submenu headers/top of menu item.

.genesis-nav-menu a {
color: #fff;
display: block;
padding: 20px 24px;
position: relative;
text-decoration: none;
font-weight: bold;
}

[cwalsh]

To change the body font color for the whole site find this in your stylesheet and change color: to #3f3f3f

body {
	background-color: #efefe9;
	color: #a5a5a3;
	font-family: 'Droid Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.625;
}

To make the submenu items bold add this to your styleeheet

.menu-secondary a {
	font-weight: bold;
}

Do you want the dropdowns of both navigations to be darker or just the bottom one? Changing the color in this selector will change both.

.genesis-nav-menu > li:hover .sub-menu a,
.genesis-nav-menu .sub-menu a {
background-color: #fafafa;
color: #a5a5a3;
font-size: 12px;
font-size: 1.2rem;
padding: 16px 24px;
padding: 1.6rem 2.4rem;
position: relative;
width: 184px;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[Author]

Posts