Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

Need help with transparency in menu css


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old May 8, 2012, 03:43 PM
blueprairie
 
94 posts · Feb 2009
Hi Forum Friends!

I could use a fresh set of eyes looking at some CSS for site under development.

Take a look at the menu here: http://eolhealth.server308.com/. This is ATA 367 and I've been looking at it in FF.

Things I want to change:
1. There is about 1px of orange showing above the menu background graphic (the goal is to have the light yellow be seamless to the header image). I think what is happening here has something to do with how I inserted the page border on the #wrapper. I think it might be filling the entire page space with the dotted background instead of just the border. Suggestions?)

2. There is an orange dotted line showing under the menu background graphic (again, the goal is to have the white be seamless to the white page background). This I think is coming from the default dashed border around menu items? I thought I made these transparent in the CSS, but....I guess not.

3. I used padding to lower the text into the center of the menu background graphic, but when an item is rolled over, the background color covers the image. Again, I thought I made this transparent in the CSS.

This is what is loaded in:

div#menu1 ul {
background: url(/wp-content/themes/atahualpa367/images/background-menu.png) repeat-x !important;
}
div#menu1 ul.rMenu li {

margin: 0px;
padding-top: 18px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 18px;
background:transparent; !important;
width:83px;
font-weight:900;
}
div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li.current_page_item a:visited,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:active {
border-bottom:1px solid transparent; !important;
border-left:1px solid transparent; !important;
border-right:1px solid transparent; !important;
border-top:1px solid transparent; !important;
border-style:solid;
background:transparent; !important;
}
div#menu1 ul.rMenu li.current_page_item a:visited,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:active {
border-bottom:1px solid transparent; !important;
border-left:1px solid transparent; !important;
border-right:1px solid transparent; !important;
border-top:1px solid transparent; !important;
border-style:solid;
background:transparent; !important;
}



div#wrapper {
padding: 15px;
background: url(/wp-content/themes/atahualpa367/images/border-square.png);
}

Thanks for your help!
-Kimberly
  #2  
Old May 8, 2012, 04:41 PM
juggledad's Avatar
juggledad
 
21,712 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
1) not sure what you mean

2) if you mean this line
Click image for larger version

Name:	eol.jpg
Views:	239
Size:	10.7 KB
ID:	1867
that is part of the background image 'background-menu.png'

3) try changingthis CSS
HTML Code:
div#menu1 ul.rMenu li:hover, div#menu1 ul.rMenu li.sfhover {
    background: none repeat scroll 0 0 #ECAD4F;
}
which comes from the page_menu_bar_background_color_parent
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Transparency Panda Center area post/pages 1 Feb 6, 2011 11:17 PM
Page Menu Transparency Issue: Firefox vs IE krystyna Page & Category Menu Bars 2 Mar 3, 2010 02:51 PM
Complete transparency in the Page menu bar pushkinpassey Page & Category Menu Bars 8 Aug 23, 2009 11:00 AM


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


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