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 .png menu and sub-menu backgrounds:


  #1  
Old Nov 6, 2013, 10:33 AM
jorgfoto
 
39 posts · Jul 2009
vermont, USA
I am making a mess of this:
http://www.saragailbenjamin.com/
I can get the traqnsparent .png into proper display OR I can get total transparency without the .png. I want to have NO grey bar behind my .png image and also have this function in the sub-menus the same way.
Here is the code I have places in the "ADD HTML/CSS insert" area so far:

/*transparent menu background:*/

div#menu1 {
border: none !important;
}

#rmenu2 {
background: transparent !important;
}

/*spacing of menu:*/
#rmenu2 li {
width: 12.6%;
text-align: center;
}
/* Page Menu item's background and border */
/* ================================================ */
div#menu1 ul.rMenu {
background: transparent !important;
border: none 0px;
}
/* ================================================ */
/* Page Menu item */
/* ================================================ */
ul.rMenu li a:link,
ul.rMenu li a:visited,
ul.rMenu li a:hover,
ul.rMenu li a:active,
ul.rMenu li {
background: url(/wp-content/ata-images/brushstroke010v150x40.png);
}
ul.rMenu li a:hover {
background: transparent !important;
}

Any help is appreciated<
  #2  
Old Nov 6, 2013, 01:50 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
You have an image in one background statement and then you are setting the background to transparent in another.

You should be using background-image and background-color for selectors. Here is an example of some code to eliminate the background color but I would take out what you have and rethink the code.
HTML Code:
.menu-item, .sub-menu {
    background-color: transparent !important;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Transparent menu bar Björn Palovaara Atahualpa 3 Wordpress theme 8 Dec 7, 2013 08:03 PM
Set Menu Buttons Transparent Ber|Art Page & Category Menu Bars 5 Sep 22, 2011 08:09 AM
Main drop down menu children backgrounds not the same color, help! neondevil Page & Category Menu Bars 6 Oct 1, 2010 12:23 PM
transparent menu bar kalexn Page & Category Menu Bars 2 Sep 16, 2010 07:37 AM


All times are GMT -6. The time now is 04:13 PM.


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