-
Posts
-
Hi there,
Am pulling my hair out a bit trying to find the right cominbation of stylings to get what I need for the main menu. If you can, check out the beta:
http://www.atticusi.com/linked-beta
You’ll see for the four main navs going across, I’ve been able to place it where I’d like, as well as have the blue-box background for the hover state. Things I can’t quiet figure out:
1. For the hover, I also want the text to change to white.
2. For the hover, I want to eliminate the built-in underline with small arrow, which is a greenish color right now.
3. For the current page, also want to eliminate the underline.
Basically, if you check out this site – it’s what we’re being asked to replicate:
http://linked-jewelry.com/collection.html
Finally – we’re adding a sub-menu under the latest. Would like the blue background/white text on hover.
Any points in the right direction on this would be so appreciated. Thanks-
Hi,
Please add following code to custom.css file or into Quick CSS section that’s in Enfold theme options page under Styling
#top .main_menu .menu li a:hover { background-color: red; color: white; }span.avia-menu-fx { display: none; }
#top .header_color .main_menu .menu ul li>a:hover { color: white; }
Regards,
Yigit
Thanks Yigit, that’s working – almost there…
How can we get it to do the same thing to show the active page? (The link stays with the background color and white text)?
Hi,
Sure, please add this code to Quick CSS as well
.header_color .main_menu ul:first-child > li.active-parent-item > a { background-color: red; color: white; }Regards,
Yigit
Sorry Yigit – that still wasn’t doing it. If you check out this page:
http://www.atticusi.com/linked-beta/the-contacts/
I’ve now gotten the blue background to work by adding it here:
.main_menu ul:first-child > li.current-menu-item > a, .main_menu ul:first-child > li.current_page_item > a{
background-color: #7fa5d5;
color: #ffffff;
}
However, the white color won’t take…
Hi,
Can you please try adding this code. Both work on my end
.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: white!important; }Regards,
Yigit
That did it! Gotta tell you- you guys are awesome. I’ve bought a lot of themes over the years, and your ability to respond so quickly – no one else does that!
New question – if I should start a new thread let me know…
We’ve selected “Non-fixed header with social icons and sub menu” for header (although we don’t need the sub-menu)
1. We’d like to float the social icons to the right. Which style would affect this?
2. Realizing we’ll probably need to add a div and some styles to accomplish, we want to put a simple email entry form floated to the left of that same very top area. We’ve tried countless ways to do put this in the header, but not getting far. Any tips?
This shows what we are aiming for (not using this template):
This is our working beta with this template:
- The topic ‘Re-styling Main Menu’ is closed to new replies.