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 » Page & Category Menu Bars »

[SOLVED] Transparent background behind page menu


  #1  
Old Jan 7, 2012, 05:28 PM
inkdork's Avatar
inkdork
 
41 posts · Sep 2010
Lancaster, CA
[SOLVED] Transparent background behind page menu

I've read several threads, and I've managed to get the rounded corners on my menu for the tabs effect, but having trouble getting rid of the background behind each actual item.

This is what I have in my CSS inserts.

Code:
div#menu1 ul.rMenu li, div#menu1 ul.rMenu li a{
-webkit-border-top-left-radius: 11px;
-webkit-border-top-right-radius: 11px;
-moz-border-radius-topleft: 11px;
-moz-border-radius-topright: 11px;
border-top-left-radius: 11px;
border-top-right-radius: 11px;
} 

.rMenu-ver {
    background: transparent !important;
}
I'd also like to make the sub-menus stay with the standard square corners- is this possible?

Thanks in advance.
  #2  
Old Jan 7, 2012, 05:47 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Sure... It's just a matter of determining the selector the sub menus (I use Firebug) and using the necessary CSS.
__________________
~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.
  #3  
Old Jan 7, 2012, 06:09 PM
inkdork's Avatar
inkdork
 
41 posts · Sep 2010
Lancaster, CA
Checking out Firebug now... Let's see if I can figure it out. Also, I want to get rid of that dashed border around the menu you get when you use page-center. Forgot to add that before.
  #4  
Old Jan 7, 2012, 06:29 PM
inkdork's Avatar
inkdork
 
41 posts · Sep 2010
Lancaster, CA
Ok, got Firebug and looking at the page. I *think* the selector I want for the submenus is
ul#rmenu2 ul.sub-menu, ul#rmenu2 ul.rMenu-ver but I'm not sure. I'm not sure I've sorted out how to use it. Heck, I'm not sure how to go about defining the corners to not be rounded either. I usually reference www.w3schools.com/ for the basic stuff when I get stuff, but no help there this time.

Can I get a bit more direction here? Please?
  #5  
Old Jan 7, 2012, 06:43 PM
inkdork's Avatar
inkdork
 
41 posts · Sep 2010
Lancaster, CA
I've got the border around the menu taken care of, still trying to sort out the background of the menu items though.
  #6  
Old Jan 7, 2012, 06:51 PM
inkdork's Avatar
inkdork
 
41 posts · Sep 2010
Lancaster, CA
Got it! This is what I ended up using to solve it.

Code:
div#menu1 ul.rMenu li, div#menu1 ul.rMenu li a{
-webkit-border-top-left-radius: 11px;
-webkit-border-top-right-radius: 11px;
-moz-border-radius-topleft: 11px;
-moz-border-radius-topright: 11px;
border-top-left-radius: 11px;
border-top-right-radius: 11px;
} 

.rMenu-ver {
    background: transparent !important;
}

div#menu1 { border: none 0px; }

div#menu1 ul.rMenu {
	background: transparent !important;
There's a few small things I still want to tweak but I think I can figure those out with what's on the forum. Thanks for encouraging me to do some more research!

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
working page menu bar with background image, image on hover, transparent link state cway Page & Category Menu Bars 1 Nov 1, 2011 03:06 PM
[SOLVED] Changing page menu background to transparent... ARealpolitik Atahualpa 3 Wordpress theme 9 Oct 12, 2011 05:30 PM
Transparent background menu items. how? Marco.s Header configuration & styling 1 Jun 21, 2011 01:01 PM
Menu Transparent Background - not working after fix shadowoflight Page & Category Menu Bars 5 Mar 27, 2011 05:26 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 05:47 PM.


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