How Do I Change The Text Color In The Menu's?

[[email protected]]

I have a grey text color in my menu for pages that are selected. Where is that bit of CSS? And, is this the same place as the drop-down sub-menu's? Some are grey and some are white and I don't know why.

If I make any sense and you can assist, I appreciate it. If I don't make sense, its cause I've been up since 4 am.

Thanks.

Brandon

http://globalconfig.net

[Davinder Singh Kainth]

That grey color code is #aaa
You can edit it by checking following section of code in style.css (different color section, if you selected different color theme).

/*
Theme Colors
---------------------------------------------------------------------------------------------------- */

/* Enterprise Pro Black
--------------------------------------------- */

.enterprise-pro-black .comment-meta a,
.enterprise-pro-black .genesis-nav-menu .current-menu-item > a,
.enterprise-pro-black .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.enterprise-pro-black .genesis-nav-menu .sub-menu a:hover,
.enterprise-pro-black .genesis-nav-menu a:hover,
.enterprise-pro-black .site-footer a,
.enterprise-pro-black a:hover {
	color: #aaa;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[[email protected]]

That pretty much did it. Thank you very much! I'm now seeing the color I want, but have one weird issue.

Why are Cisco, CompTIA, and Beginner Courses orange?

[Davinder Singh Kainth]

For this delete the following code

/* Enterprise Pro Black
--------------------------------------------- */

.enterprise-pro-black .comment-meta a,
.enterprise-pro-black .genesis-nav-menu .current-menu-item > a,
.enterprise-pro-black .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.enterprise-pro-black .genesis-nav-menu .sub-menu a:hover,
.enterprise-pro-black .genesis-nav-menu a:hover,
.enterprise-pro-black .site-footer a,
.enterprise-pro-black a:hover {
	color: #ff931d;
	font-weight: bold;
}

And add following code in its place

/* Enterprise Pro Black
--------------------------------------------- */

.enterprise-pro-black .comment-meta a,
.enterprise-pro-black .genesis-nav-menu .current-menu-item > a,
.enterprise-pro-black .genesis-nav-menu a:hover,
.enterprise-pro-black .site-footer a,
.enterprise-pro-black a:hover {
	color: #ff931d;
	font-weight: bold;
}

.enterprise-pro-black .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.enterprise-pro-black .genesis-nav-menu .sub-menu a:hover {
	color: #fff;
	font-weight: bold;
}

Above #fff is the color of referenced sub menu, you can change it to anything as per requirement.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[[email protected]]

That cleaned up the odd orange, but now all menu's are white rather than the bold orange and they are a blue color when I hover over them. Did I do something wrong?

[Davinder Singh Kainth]

To switch white color to orange, look for following code

/* Primary Navigation
--------------------------------------------- */

.nav-primary {
	background-color: #006496;
}

.nav-primary,
.nav-primary a {
	color: #fff;
}

Change this code to following:

/* Primary Navigation
--------------------------------------------- */

.nav-primary {
	background-color: #006496;
}

.nav-primary,
.nav-primary a {
	color: #ff931d;
}

Above change color from white to orange.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

To change hover blue color, look for following code

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	color: #072656;
}

Change color code to color of your choice

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[[email protected]]

It's strange, because I make the changes, and nothing happens. Not sure why, but now what I am seeing is that nothing makes a difference.

[Davinder Singh Kainth]

This theme support lot of color options, which color option is selected in settings as of now?

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[[email protected]]

It's black right now.

[Davinder Singh Kainth]

I still see dark blue color code in theme code

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	color: #072656;
}

In above code change #072656 to a different code for color you want.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[[email protected]]

Works now. Thank you!

[Davinder Singh Kainth]

Welcome.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Author]

Posts