Complete transparency in the Page menu bar
 

Hi!
My website is http://aais.aaschool.ac.uk.

The trouble is that I don't want roll-over colours on my page menu bar.
To put it simply, I wanted the following properties to be "none":

Background color
Background color: Hover
Background color: Parent

in ATO > Page Menu Bar.

I have partially been able to get around it by entering the following code in HTML/CSS inserts:
But I am still getting the colours when I hover and a static colour when I am on that page (which I don't want!)

Please help!
Pushkin

Hi,

same problem here: want to change it to "no background-color & transparent" for category menu bar & page menu bar.

pushkinpassey work is a little help but it doesnt fit 100%.

anyone knows to to remove all hover, parent...colors? (background-colors)?

thx in advance.

cya
knarc

To have no hover effect in the page menu bar give both the default and the hover background the same color at Theme Options -> Page Menu Bar -> Background color / Background color: Hover

To have a transparent background, add a HTML/CSS Inserts -> CSS Insert, i.e.

ul#rmenu2 li, ul#rmenu2 li a {
background-color: #123456 !important; /* or use none */
filter: alpha(opacity=40) !important;
-moz-opacity:.40 !important;
opacity:.40 !important;
}

For the category menu:

ul#rmenu li, ul#rmenu li a {
background-color: #123456 !important; /* or use none */
filter: alpha(opacity=40) !important;
-moz-opacity:.40 !important;
opacity:.40 !important;
}

Hi,

thx, it works.

...there is still something that I want to change:

Thx in advance for your help.

Cya
knarc

Current and hover is

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.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 {
background-color:#EEEEEE;
}

I am not so knowledgeable about this matter. So i have to learn it. Thanks for the post.


pret auto

Okay, I know I am missing something...but I have tried the CSS inserts for removing the color from the main page menu - and they are not working. The test site is :

http://www.masselyn.com/test_blog/

Can someone help me figure out what I am doing wrong, cause I am sure it is something tiny?

:)

Thanks.

I should mention that I have changed the page menu bar, to include a rollover image. I want to keep this, but I do not want the lighter color in the back. I just want the words to show, and when you hover they turn into buttons with the gradient image/butterfly. I've tried all kinds of configurations, and the light blue behind won't go away.

:(

Add a CSS Insert

div#menu1 ul.rMenu {
background: transparent;
}