Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Change Current Menu Item's Background to Transparent


  #1  
Old Sep 10, 2009, 10:01 PM
rnimchuk
 
6 posts · Sep 2009
St. Paul, Minnesota - USA
I am 95% of where I need to be with my menu bar. I wanted my menu items within the Header image so I tried using negative margins to move it up. However, I found Google Chrome did not properly display the menu items (they bunched up on top of one another).

To work around this, I created a image for the menu bar that sits right below the Header image. I pieced together code from various posts to come up with the following (see results at www.ewrittenword.com). What is not working is the current page still shows a background color rather than transparent. Would someone take a quick look at my coding and offer suggestions to fix and perhaps clean it up?
div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:active {
font-weight: bold;
}
ul.rMenu li {
margin-right: 40px;
}
/*reset for submenus*/
ul.rMenu li ul li {
margin-right: 0;
}
div#menu1 ul.rMenu {
background:transparent url(http://MenuBanner.png);
}
div#menu1 ul.rMenu li {
background:transparent;
}
Thanks!

Bob Nimchuk
  #2  
Old Sep 13, 2009, 05:20 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
change
HTML Code:
div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:active {
font-weight:bold
}
to
HTML Code:
div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:active {
background:transparent !important;
font-weight:bold
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Sep 15, 2009, 05:12 AM
rnimchuk
 
6 posts · Sep 2009
St. Paul, Minnesota - USA
Thanks Juggledad. That did the trick. I thought I had tried that but I did not use the !Important option.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to create a transparent background and OPAQUE TEXT for post body? bailey nelson Post-Kicker, -Byline & -Footer 1 Aug 11, 2009 04:12 AM
Menu Item background georgenoise Page & Category Menu Bars 2 Jul 31, 2009 11:12 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
Page Menu Background colors won't change? RStouff Page & Category Menu Bars 0 Mar 24, 2009 12:21 PM


All times are GMT -6. The time now is 09:18 PM.


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