Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

Complete transparency in the Page menu bar


  #1  
Old Jun 19, 2009, 08:15 AM
pushkinpassey
 
19 posts · Feb 2009
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:
Code:
ul.rMenu { background: none; }
ul.rMenu li { background: none; }
ul.rMenu li a:hover { background: none; }
ul.rMenu li.sfhover { background: none; }
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
  #2  
Old Jun 24, 2009, 05:26 AM
knarc
 
4 posts · Jun 2009
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
  #3  
Old Jun 24, 2009, 10:04 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
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;
}

Last edited by Flynn; Jun 24, 2009 at 11:58 AM.
  #4  
Old Jun 24, 2009, 11:56 AM
knarc
 
4 posts · Jun 2009
Hi,

thx, it works.

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

Quote:
...still getting the colours when I hover and a static colour when I am on that page...&...I don't want roll-over colours (roll-over-background-color)...
Thx in advance for your help.

Cya
knarc
  #5  
Old Jun 24, 2009, 01:18 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
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;
}
  #6  
Old Jun 26, 2009, 02:43 AM
obamausa8
 
I am not so knowledgeable about this matter. So i have to learn it. Thanks for the post.


pret auto
  #7  
Old Aug 19, 2009, 10:34 PM
Masselyn
 
91 posts · Jan 2009
So. California
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.
  #8  
Old Aug 19, 2009, 11:17 PM
Masselyn
 
91 posts · Jan 2009
So. California
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.

  #9  
Old Aug 23, 2009, 11:00 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Add a CSS Insert

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

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Atahualpa Page Menu Bar -> BFA Page Menu Bar? bhannemann Page & Category Menu Bars 16 Feb 21, 2011 04:49 AM
[SOLVED] Page tab height issue: page link tabs higher than page menu bar Fux Page & Category Menu Bars 13 Oct 30, 2010 03:42 AM
[SOLVED] Page Menu Bar - Strange Space Occurring Between Menu Items NealSchaffer Page & Category Menu Bars 2 Jun 20, 2009 10:18 AM
How do I add an icon to a page menu link in page menu bar? bcorrigan Page & Category Menu Bars 9 Apr 6, 2009 02:35 PM
Trying to convert my page menu bar to the format on my simple machines forum page.. Joelb53 Page & Category Menu Bars 1 Apr 5, 2009 03:01 PM


All times are GMT -6. The time now is 10:50 PM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.