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 on hover (redux)


  #1  
Old Mar 29, 2011, 09:00 PM
Mister
 
2 posts · Jan 2011
I found this thread which helped me greatly (http://forum.bytesforall.com/showthr...nderline+hover), but I am encountering a problem where the current page selection won't remain underlined. I don't understand the CSS very well at all, but by trying to analyze it, think that the problem likely lays with other CSS inserts; a conflict of some kind?

My page is here: http://bombay.directrouter.com/~awecalga

Here's what is currently in my CSS inserts:
Code:
.smicons img {
border: none;
background-color: transparent;
padding-top: 0px;
margin: 0px 0 0 0;
position: relative; top: 7px;
} 



/* SET HEIGHT OF PAGE MENU */
div#menu1 ul.rMenu {
height: 40px;
}

/* SET PAGE MENU AS TRANSPARENT */ (original)
div#menu1 ul.rMenu {
     background:transparent;
     border-bottom:transparent;
     border-top:transparent;
}

ul.rMenu li a:link, ul.rMenu li a:active,
ul.rMenu li a:visited, ul.rMenu li {
     background: transparent !important;
}
ul.rMenu li a:hover {
     background: transparent !important;
}


/* ADD BORDERS TO PAGE MENU ITEMS */
.div#menu1 ul.rMenu li a:link, div#menu1 ul.rMenu li a:hover, div#menu1 ul.rMenu li a:active {
-x-system-font:none;
border-top:0px;
border-bottom:4px solid #FFF3A1 !important;
border-left:0px;
border-right:0px;
border-style:solid;
}
Any obvious problems jump out at you?
  #2  
Old Mar 29, 2011, 09:41 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
It's just a matter of being familiar with all of this stuff. What is needed is the selector for the current page item so something like the following in ATO>Add HTML/CSS Inserts>CSS Inserts may do the trick. Just change the color to what you need.
HTML Code:
#rmenu2 .current_page_item {
    border-bottom: 4px solid #000000;
}
__________________
~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.
  #3  
Old Mar 30, 2011, 01:15 AM
Mister
 
2 posts · Jan 2011
Many gracias, Larry. I was spending too much time trying to figure out the code that was there instead of just trying to implement an easy solution. I imagine this will all come to me in time. Thanks again!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
I want to underline link in widget when hover... hollow Sidebars & Widgets 2 Feb 16, 2010 07:26 AM
[SOLVED] Underline upon hover Wimbledon Page & Category Menu Bars 10 Jan 28, 2010 01:30 PM
[SOLVED] How to underline links on hover in widgets? Whitelisted Sidebars & Widgets 3 Oct 10, 2009 01:24 PM
Posts vs pages, redux pamlicoink Header configuration & styling 3 Aug 17, 2009 09:55 AM


All times are GMT -6. The time now is 09:59 AM.


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