Jump to content
Sign in to follow this  
5344

Navigation Hover/Current Background Color & Twitter Question

Recommended Posts

5344    1
5344

I am building on MAMP so I cant give an URL. I am trying to change the background light grey color on the navigation, in this case I am using the brand nav. I have tried adding this to my child theme: #brandnav ul li a:hover { background: none; } But it does not work...I can change the color but not remove it, I have also tried transparent with no luck? Another thing is at one point in the pagelines back end I could add a twitter bar that ran across the bottom of the page, I cant seem to find it anymore!? Thanks in advance

Share this post


Link to post
Share on other sites
Jenny    33
Jenny
A CSS plugin for the menu will be released to the store soon. Just waiting for it to be approved. This will easily solve your menu CSS issues. The twitter bar is there. You need to add it in the Templates settings.

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
5344    1
5344
I am seeing the standard twitter box, but not the bar? Strange. Any idea when this will be released, and in the meantime any easy way to fix my problem?

Share this post


Link to post
Share on other sites
Jenny    33
Jenny
Can you give a screenshot of the twitter issue? The Store plugin is coming soon.. trust me, I'm as anxious as you. Let me know what exactly you need changed. BG color on normal state or hover? PS background: none isn't a color. ;) You need to use transparent instead.

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
5344    1
5344
BG state on both hover and current. I have tried using transparent but it did not work.

Share this post


Link to post
Share on other sites
5344    1
5344
Also the twitter bar is not even showing up in my templates section.

Share this post


Link to post
Share on other sites
5344    1
5344
Arg, I see its in the morefoot section! Ok now how about that menu issue?! Thanks.

Share this post


Link to post
Share on other sites
5344    1
5344
Sorry to elaborate id love to remove the grey background on the current/hover status on the navigation, cant seem to get it away, I have tried transparent as I said above. Anyone? Thanks.

Share this post


Link to post
Share on other sites
catrina    103
catrina
Try this code: [code]#brandnav ul li a:hover {background-color: transparent !important;}[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
5344    1
5344
I have figured out the CURRENT page fix: [code]#brandnav li a, #brandnav .nav-special { background-color: transparent !important; }[/code] I have yet to figure out the HOVER, if anyone could help that would be great.

Share this post


Link to post
Share on other sites
catrina    103
catrina
Try this one: [code]#brandnav li a:hover { background-color: transparent !important;}[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
5344    1
5344
Sorry, no I have tried all the obvious combinations like this. I was hoping or at least imagined someone would know the answer to this fairly basic question as I hope it has been done before?!

Share this post


Link to post
Share on other sites
5344    1
5344
Solved it. To remove hover bg color: [code].main-nav li:hover { background: none repeat scroll 0 0 transparent !important; } [/code] To remove current item bg color: [code]#brandnav li a, #brandnav .nav-special { background-color: transparent !important; }[/code] I have put in a suggestion below to lay out the nav styling better as right now its not even even set or user friendly to edit at all. http://pagelines.com/tracking/pagelinesframework/issues/12

Share this post


Link to post
Share on other sites
Simon    247
Simon
The navigation classes are all defined by wordpress internally all the framework does is wrap a div around it #brandnav etc. Here are some of the classes used by wordpress: [code].current_page_item{} // Class for Current Page .current-cat{} // Class for Current Category .current-menu-item{} // Class for any other current Menu Item .menu-item-type-taxonomy{} // Class for a Category .menu-item-type-post_type{} // Class for Pages .menu-item-type-custom{} // Class for any custom item that you added .menu-item-home{} // Class for the Home Link[/code]

Share this post


Link to post
Share on other sites
webgirl2013    0
webgirl2013
I have been trying to do the same ALL DAY @-) , reading lots of forum posts and finally found this to work, amending the fix shown above: [code].main-nav a, li:hover { background: none repeat scroll 0 0 transparent !important; }[/code] Hope this saves someone time. Shame the hover background color for the main menu comes as standard with the template. It should be something you have to add, not remove. :-/

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×