How change color of current (active) menu-item in primary menu-bar?

[Dan-cer]

Hi,
In my LifeStyle Pro theme I have set some colors for the primary menu-bar that is positioned above the full-width image-header. The menu-bar has transparent background.

Color of a menu-item on hover is #00C8FF (~ light blue). I want to set this color for the active item too, but can't find the right line in my style.css.

I found this code:

.genesis-nav-menu li:hover > a,
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a {
	background: transparent;
	color: #00C8FF;
}

It is working for hover, but not for active menu-item. I thought "current-menu-item" would the right item to change. But at the moment it is failing.

When you click on the link and hover on the menu-items, you see all items getting light-blue except "Kontakt" which is remaining white. Instead of white it should be light-blue too.

Thank you for helping!

kind regards

https://official.jungvital.com/kontakt/

[Victor Font]

The current-menu-item is correct, but you have the color change too early in your style sheet. The current menu item is being controlled by .lifestyle-pro-blue .genesis-nav-menu .current-menu-item > a at line 1514. Your code is at line 1029. With CSS, the last declaration wins.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Dan-cer]

On that line I have

.lifestyle-pro-blue .archive-pagination li a,
.lifestyle-pro-blue .genesis-nav-menu .current-menu-item > a,
.lifestyle-pro-blue .genesis-nav-menu .sub-menu a,
.lifestyle-pro-blue .nav-primary a {
	color: #FFFFFF;
}

When I change color there, all items would be blue.
Have I to clone a part of the code and add the new color like this?
`.lifestyle-pro-blue .archive-pagination li a,
.lifestyle-pro-blue .genesis-nav-menu .current-menu-item a {
color: #00C8FF;
}

[Dan-cer]

I did it with the code in my last post:

.lifestyle-pro-blue .archive-pagination li a,
.lifestyle-pro-blue .genesis-nav-menu .current-menu-item a {
color: #00C8FF;
}

And this is working. Is it correct to clone a part of a code-section?

[Victor Font]

Sure. You can do anything you want with the code.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Dan-cer]

OK, then this topic is solved.
Thank You!!!

[Author]

Posts