Can't change the hover color on my menu

6 posts from 4 voices

• Started 11 months ago by gdeadtoo
• Latest reply from Devin
• This topic is not a support question

Tags:

No tags yet.

1. 

   gdeadtoo
   Member

   Sorry, for the repeat post, but I am at my wits-end.

   I have a deadline and I need resolution. So, if anybody is out there that can help me.

   I'm using Brightbox. I want to change the hover color of my top menu, but also want the hover to be a 6 px bar beneath the menu

   Thanks.

   Posted 11 months ago #
2. 

   Mya
   

   Hi gdeadtoo,

   You would use this:

   #top .main_menu .avia_mega > li:hover > a {
   color:#000000;
   }

   You can combine it with the other code I gave you on the thread below. Also you mentioned here you want a 6px bar so you would change the 5px I used in that thread to 6px. - http://www.kriesi.at/support/topic/how-do-i-edit-the-menu-hover

   Regards,
   Mya

   Posted 11 months ago #
3. 

   gdeadtoo
   Member

   Thanks!

   But I guess, I didn't fully explain it correctly. I also wanted the hover to stay under the selected tab when on the page. I don't know what that term is called. Selected?

   tx again

   Posted 11 months ago #
4. 

   Ismael
   Moderator

   Hi,

   If you want the hover style (color: #000) to also appear on the current page's menu, try adding this code:
   

   .current-menu-item a {
      color: #000000 !important;
   }

   Hope this helps. :)

   Regards,
   Ismael

   Posted 11 months ago #
5. 

   gdeadtoo
   Member

   does not work

   http://www.crush.easterndrive.com

   Posted 11 months ago #
6. 

   Devin
   Moderator

   Hi gdeadtoo,

   Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files. Its a small adjustment to Ismael's above and forces things through a bit more:
   

   .current-menu-item a {
   color:
   #000;
   background-color:
   transparent !important;
   border-bottom: 5px solid
   #000;
   padding-bottom: 2px;
   }

   Regards,

   Devin

   Posted 11 months ago #

RSS feed for this topic

Reply

You must log in to post.