[SOLVED] page menu bar transparant
1 Attachment(s)
Trying to get the page menu bar <li>'s to have a transparant background - i can set the color in the theme options and i can then override this colour using div#menu1 ul.rMenu li in the css area but if i put in
div#menu1 ul.rMenu li{ background: transparant !important; } then i get no effect - i cant work it out ( i have tried all kinds of specificity ) - anyone any ideas ultimately what i'm doing is that i've set the background image on the entire menubar to a slice of what im using in the header so the menu looks like it's floating on the header image see attached file thanks |
What version of Atahualpa and WP?
What is the url? |
wp 2.9.2
at 3.4.6 it's a local development project so no url |
Here is my handy little cheat sheet for dealing with the two menu's and the parts. Put this at the end of your css and you can see graphically, what effects what. It should be enough to get you going.
HTML Code:
/* ================================================ */ |
thanks - i had a look at that before ---- but the problem is definitely with div#menu1 ul.rMenu li .... i have managed to get it to change colour but not to be able to set it to transparant, that's unless something else behind it is picking up on the colour from the theme options, but i dont think that's the case
it looks like a <a> in a <li> in a <ul> and i can affect change to the <a> and the <ul> - i just cant make the <li>'s background transparant |
1 Attachment(s)
got it ..... it turned out to be easy
HTML Code:
div#menu1 ul.rMenu li{ HTML Code:
div#menu1 ul.rMenu li.current_page_item a:link, div#menu1 ul.rMenu li.current_page_item a:active, div#menu1 ul.rMenu li.current_page_item a:hover, div#menu1 ul.rMenu li.current_page_item a:visited, div#menu1 ul.rMenu li a:hover{ HTML Code:
div#menu1 ul.rMenu li, |
All times are GMT -6. The time now is 12:44 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.