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 »

Transparent Page Menu Bar

Old Apr 5, 2010, 01:30 AM
24 posts · Apr 2010
Cairns Australia
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 {

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!!

Last edited by Stingraynut; Apr 5, 2010 at 01:37 AM.
Old Apr 5, 2010, 06:58 AM
juggledad's Avatar
23,742 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
add this to the ATO->Add HtTML/CAA Inserts->CSS Inserts
HTML Code:
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;
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Apr 5, 2010 at 07:43 PM.
Old Apr 5, 2010, 04:45 PM
24 posts · Apr 2010
Cairns Australia
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!
Old Apr 5, 2010, 06:43 PM
24 posts · Apr 2010
Cairns Australia

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 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.


menu, page, transparent

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
Making Page Menu Bar transparent? Hedgie Page & Category Menu Bars 10 May 19, 2014 06:28 AM
[SOLVED] Choosing &quot;transparent&quot; for the page/category bar background color? rhythm Page & Category Menu Bars 10 Dec 8, 2010 11:40 AM
Transparent GIF images in main page body not transparent donfos001 Center area post/pages 2 Jan 10, 2010 09:14 AM
[SOLVED] Transparent page menu - none of the threads work for me.. maguai Page & Category Menu Bars 1 Jul 27, 2009 11:04 AM
Transparent Menu Item Instead of A Background Color oz1 Page & Category Menu Bars 1 Jun 29, 2009 05:19 AM

All times are GMT -6. The time now is 07:57 PM.

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