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
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!
  #7  
Old Jan 7, 2012, 07:13 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
You don't know how refreshing it is to see someone dive in and find out the answers.

Good job!

Can we call this thread solve? If so you can just go to the menu over the thread and click on Mark thread as solved.
__________________
~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.
  #8  
Old Jan 7, 2012, 07:54 PM
inkdork's Avatar
inkdork
 
41 posts · Sep 2010
Lancaster, CA
haha I've got a good idea. I've set up sites using WP and Atahualpa for clients, and most just sit there dumbfounded and can't manage anything on their own. Then I get a client who wants me to teach her everything I can so she can manage every detail- just the fact she wants to learn is thrilling!

It took a little longer, but I found the code to lose the round corners on submenus- oddly enough it only worked when placed directly after the code for the rounded corners. The few changes I have left to make don't involve CSS, so should only take a few seconds. Thanks again!

Marking as solved now.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


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 01:53 AM.


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