How To add Bold and Underline to Page and Category Menu Bar Hovers

fromtheranks · #1 Jun 14, 2009, 08:53 PM

After studying some tips and code snippets from Flynn on a couple different threads I worked out how tell Hover to Bold and Underline the Page and Menu bar text when the cursor is, well, hovering over it.

There may well be a way to do a CSS Insert and accomplish the same thing but I haven't figured that tool out yet (what it does and doesn't does). Anyway, here's the code for 3.3.3's Style.css file -- my simple changes in red:

Code:

/* "current" page and hover */
ul.rMenu li.current_page_item a:link, 
ul.rMenu li.current_page_item a:active, 
ul.rMenu li.current_page_item a:hover, 
ul.rMenu li.current_page_item a:visited, 
ul.rMenu li a:hover
	{
	font-weight: bold;
	text-decoration: underline;
	}
/*added*/
/* "current" category and hover */
ul#rmenu li.current-cat a:link, 
ul#rmenu li.current-cat a:active, 
ul#rmenu li.current-cat a:hover, 
ul#rmenu li.current-cat a:visited, 
ul#rmenu li a:hover
	{
	font-weight: bold;
	text-decoration: underline;
	}

P.S. Don't forget the semi-colons.
P.S.S. Make a backup copy of this file before making the changes.

Hope this helps.