Menu font bolded but wrong color when on its respective page

sharonshero · Member · May 2, 2013 at 9:06 pm
Copy link

Add topic to favorites
When I select a page from my menu, the font on the button becomes bold, but goes from blue to black. I’d like to have it remain the same color be remain bold. Any idea how to rectify? Thanks!

The blog I need help with is: (visible only to logged in users)
timethief · Member · May 2, 2013 at 9:08 pm
Copy link
This thread will be moved to the CSS Forum for you.
sharonshero · Member · May 2, 2013 at 9:11 pm
Copy link
Thank you!
designsimply · Member · May 6, 2013 at 7:19 pm
Copy link
When I select a page from my menu

Do you mean when you hover over a menu item or when you actually click on it and then land on that page (i.e. the current menu for the page you’re on).

If you meant you want to change the font color and weight for menu items on hover in the Twenty Twelve, try this:
```
.main-navigation a:hover,
.main-navigation li a:hover {
	color: #000;
	font-weight: bold;
}
```
Although, I wouldn’t recommend using bold on hover because it does change the size of the text a little and causes things to seem “jumpy” in my opinion.
sharonshero · Member · May 6, 2013 at 8:35 pm
Copy link
Oh not in the hover state, but when I am on the current page.
designsimply · Member · May 7, 2013 at 1:21 pm
Copy link
Looks like this was a duplicate question then! See https://en.forums.wordpress.com/topic/how-can-i-change-the-current-font-color-on-my-menu-bar?replies=6#post-1257755
sharonshero · Member · May 7, 2013 at 1:48 pm
Copy link
You’re right! I thought one of these got lost in the ether when it was moved to the CSS section. My error!

No items found.