Transparent Page Menu Bar
My first post on this forum. Thank you for providing an extremely useful theme and acive support forum.
I am competent with HTML & CCS, can edit PHP & JS. I have searched extensively and the answers haven't worked for me. I would like my Page menu Bar to be transparent and only the page names to have a colour, and that colour to change on hover etc. In two posts the answer was to insert "div#menu1 ul.rMenu { background:transparent; }" the instructions were to insert it into HTML' http://forum.bytesforall.com/showthr...ar+transparent Well it looks like CSS, but I tried it in ALL the HTML/CSS insert areas - no luck. Firebug shows the menu as id rmenu2 - so I tried #rmenu2{background:transparent;} but that doesn't seem to apply to the menu at all. I've also tried background-color:transparent; in all configurations of id. Nothing seems to make that Page Menu bar transparent. Website I'm testing at - http://test.robhealey.com.au/ I have also set the menu to align on the right hand side (float:right;)- I'll disable that for the moment so that the problem can be seen. Appreciate any help please - hope it's not something dumb I'm not seeing!! |
add this to the ATO->Add HtTML/CAA Inserts->CSS Inserts
HTML Code:
ul.rMenu li a:link, |
Sorry to report that hasn't worked
I also tried adding a 2 after rmenu, because firebug id's the menu as "<ul class="clearfix rMenu-hor rMenu" id="rmenu2">" Pesky menu refuses to go clear! |
UPDATE
Suddenly the menu background went transparent - I think it was something else set that was preventing it. Sorry that I can't report exactly what it was but I had left the menu problem and was working on having TWO background images and suddenly the menu bar went clear. I experimented and I need both pieces of CSS for it to happen - In Insert CSS I have - Code:
ul.rMenu li a:link, |
All times are GMT -6. The time now is 04:52 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.