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 »

[SOLVED] Underline, not border bottom, for page menu hover


  #1  
Old May 25, 2012, 12:51 AM
bswb97
 
158 posts · Aug 2010
Seems like this should be simple, but I've had problems trying to add an underline upon hover (not current) for the page menu.

There've been a few discussions about this and this thread talks about using border-bottom for it:

http://forum.bytesforall.com/showthr...ight=underline

This theoretically works but the border winds up being bigger than I want underneath the menu items. I want it exactly underneath the text characters.

This thread talks about using text-decoration, which is what my first instinct was:

http://forum.bytesforall.com/showthr...ight=underline

However, I tried using text-decoration: underline and it's not working. It's not even showing up when I inspect with Chrome Elements. Any thoughts on this?

You can see the site in progress at www.franciscan-interiors.com
  #2  
Old May 25, 2012, 05:25 AM
juggledad's Avatar
juggledad
 
23,737 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
ato->Add HTML/CSS Inserts->CSS Inserts
HTML Code:
div#menu1 ul.rMenu li a:hover {
    text-decoration: underline;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old May 25, 2012, 03:05 PM
bswb97
 
158 posts · Aug 2010
No go. I had that in there before but I deleted it and copied JD's code just in case I had a typo I was missing. Same thing.
  #4  
Old May 25, 2012, 03:34 PM
juggledad's Avatar
juggledad
 
23,737 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Try typing it back in, there could be an invisible character that is causing a problem and get rid of the
HTML Code:
div#menu1 ul.rMenu{}
just before it.

I copied the source of your page and it shows fine in safari and FireFox on the mac, so I susped an odd invisable characres in there
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; May 26, 2012 at 09:24 PM.
  #5  
Old May 25, 2012, 03:43 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Also try adding !important as below.
HTML Code:
div#menu1 ul.rMenu li a:hover {
    text-decoration: underline !important;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #6  
Old May 26, 2012, 08:55 PM
bswb97
 
158 posts · Aug 2010
Getting rid of the extra CSS line did it. When I start a site, I always copy JD's menu cheatsheet and clear it out as a template. Guess now I know sometimes it'll make things fickle! Thanks!

Bookmarks

Tags
menu underline

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Widget Links won't underline on hover Thomas Sidebars & Widgets 2 Dec 20, 2011 04:15 PM
[SOLVED] Underline on hover (redux) Mister Page & Category Menu Bars 2 Mar 30, 2011 02:15 AM
I want to underline link in widget when hover... hollow Sidebars & Widgets 2 Feb 16, 2010 08:26 AM
[SOLVED] Underline upon hover Wimbledon Page & Category Menu Bars 10 Jan 28, 2010 02:30 PM


All times are GMT -6. The time now is 05:57 PM.


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