Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

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


  #1  
Old Jun 14, 2009, 08:53 PM
fromtheranks
 
149 posts · Apr 2009
Dev Env't: XP Pro SP3, IIS 5.1, MySQL 5.1, PHP 5.2.x, WP 2.7.1, Atahualpa 3.3.3, IE 7, FF 3.0.x
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.
  #2  
Old Jun 14, 2009, 09:27 PM
fromtheranks
 
149 posts · Apr 2009
Dev Env't: XP Pro SP3, IIS 5.1, MySQL 5.1, PHP 5.2.x, WP 2.7.1, Atahualpa 3.3.3, IE 7, FF 3.0.x
Sigh. Minor correction.

The bold doesn't work as written. Because of the colors I was using for text and hover it appeared so at first ... but ... then I took a closer look.

After a bit of research it seems that header.php is "stepping on" (to use the phrase loosely) the font-weight property:

Code:
font: <?php echo $bfa_ata['cat_menu_font'];
At least the underline works neatly for hover.

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
	{
	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
	{
	text-decoration: underline;
	}
Maybe someone else can figure out how to sneak in Bold on Hover only.
  #3  
Old Sep 4, 2009, 08:25 PM
Geoff
 
4 posts · Aug 2009
i am using this

div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover {text-decoration: underline},
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:active {
font-weight: bold;
}

it makes the page menu bold with an underline hover

to get bold and underline on hover maybe you could try this

div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover {text-decoration: underline; font-weight: bold},
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:active
  #4  
Old Sep 4, 2009, 09:44 PM
Geoff
 
4 posts · Aug 2009
in the end i used this,,,,maybe a little long winded but it seems to work ok. you can just a few options to suit yourself


div#menu1 ul.rMenu li a:link {text-decoration: none; font-weight: bold;},
div#menu1 ul.rMenu li a:hover {text-decoration: underline; font-weight: bold;},
div#menu1 ul.rMenu li a:visited {text-decoration: none; font-weight: bold;},
div#menu1 ul.rMenu li a:active {text-decoration: none; font-weight: bold;}
  #5  
Old Sep 14, 2009, 12:01 PM
sunnivie
 
16 posts · Sep 2009
OK, so this may be a silly question, but I can't find a way to change the color on the category heading on the sidebar. I thought it would be in the widget, but I can't find it for the life of me.

I've changed the background color of the sidebar and have all the actual links and hovers set up and colored appropriately, but the actual header on the sidebar that says "category" is still the same color as my background. There MUST be a way to change this, right?

It's the same case with all the headers in my sidebars on both sides. Help please!

Here's my site: http://www.outfrontcolorado.com/blog/
  #6  
Old Sep 14, 2009, 01:56 PM
juggledad's Avatar
juggledad
 
23,627 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
did you try ATO->Style WIDGETS->Widget Title?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old May 22, 2010, 02:12 PM
WesleyTack
 
14 posts · Dec 2009
Send a message via MSN to WesleyTack
hey,
I also needed this, and it works, thanks for this thread!
One issue I'm having, I wonder if anyone else had this and knows a fix?

In some versions of firefox (not mine) some menu links are underlined and others aren't?
I do have this issue when I check my site in IE, and in IE the hover underline doesn't work at all?

Anyone have any suggestions ?

thanks in advance
  #8  
Old Aug 4, 2010, 06:29 PM
simseuss
 
13 posts · Jun 2010
I have a similar problem but I have a blue underline on my links only showing on Firefox (the link font is green). I added no underline in CSS Inserts after changing it in ATO > Body text Links, and it works in IE, but can't seem to get rid of the line in Firefox.
  #9  
Old Aug 5, 2010, 05:07 AM
juggledad's Avatar
juggledad
 
23,627 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what is the url?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
bold, category bar menu, hover, page menu bar, underline

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Page Menu Bar Bold technstuff Page & Category Menu Bars 5 Jul 24, 2010 11:29 AM
How to make Page Menu Bar items BOLD? PerryM Page & Category Menu Bars 3 Dec 3, 2009 09:03 AM
How do I add an icon to a page menu link in page menu bar? bcorrigan Page & Category Menu Bars 9 Apr 6, 2009 02:35 PM
How to make <bold> the category menu text ? ciolo Atahualpa 3 Wordpress theme 1 Mar 28, 2009 07:53 PM
Add second category menu bar? paulae Page & Category Menu Bars 2 Mar 23, 2009 08:51 PM


All times are GMT -6. The time now is 08:33 PM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.