Forum Replies Created
-
AuthorPosts
-
logansquaristParticipant
Christoph,
That's correct, highlight only applies to "For Businesses," however, I can't seem to change the link color font for when you're actually on the For Businesses page (http://logansquarist.com/for-businesses/). When you are, the other CSS styles take over, making the font the default blue. I would like it to be black, so it's readable.
If I change the CSS of current-menu-item, all the rest of the navigation is affected, in addition to For Businesses, changing the link color to black, and thus unreadable on the black background of the rest of the navigation (and subnavigation).
The CSS stylesheet is a bit wonky -- I have only added to it as needed. It's the default CSS from the Magazine Pro theme. Good note though. I'll try to get to that.
Again thanks -- hard nut to crack here.
logansquaristParticipantAny other ideas here? My last modification is for the primary navigation current menu item a font color to be black, without affecting the rest of the navigation CSS. Any insight would be great. Thanks!
logansquaristParticipantHi there, thanks for this! If I add the following:
.magazine-pro-blue .genesis-nav-menu .current-menu-item > a { color: #000 !important; } .magazine-pro-blue .nav-primary .genesis-nav-menu .current-menu-item > a { color: #000 !important; } .magazine-pro-blue .genesis-nav-menu .sub-menu .current-menu-item > a { color: #469bd1 !important; }
I'm able to get the For Businesses tab to be correct. However, then the rest of the primary navigation is affected by the CSS, making the current page a styling to be black (and unreadable). Is it possible to customize the .highlight class further? I tried:
.nav-primary .highlight a { background-color: #469BD1; color: #000 !important; }
which unfortunately didn't work.
To recap what I'm hoping for this custom primary navigation section:
link: background-color: #469BD1, color: #fff
a:hover: background-color: #469BD1, color: #000
current page: background-color: #469BD1, color: #000The subnavigation can maintain existing CSS styling.
Thanks for the help -- such a simple switch seems to be far more complex than I thought.
-
AuthorPosts