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

ul.rMenu li a:link, 
ul.rMenu li a:hover, 
ul.rMenu li a:active, 
ul.rMenu li a:visited, 
ul.rMenu li {
	background: none !important;
}

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 -

ul.rMenu li a:link, 
ul.rMenu li a:hover, 
ul.rMenu li a:active, 
ul.rMenu li a:visited, 
ul.rMenu li {
	background: none !important;
}


div#menu1,
div#menu1 ul.rMenu { 
	background: none; 
}

I couldn't find how to have two background images with a search but it was easy enough to work out - I will post how I did it, in case it helps someone else.