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 »

Need help with transparency in menu css


 
Prev Previous Post   Next Post Next
  #1  
Old May 8, 2012, 03:43 PM
blueprairie
 
98 posts · Feb 2009
Need help with transparency in menu css

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
 

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 11:38 AM.


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