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 »

Need help customizing sub menus...


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 Jan 22, 2012, 09:33 AM
ARealpolitik's Avatar
ARealpolitik
 
130 posts · Jun 2010
3.5.1

I want to customize my submenus and sub sub menus on my category menus without disturbing the parent menu. Is there a way to do this?

I am currently using this in my CSS Inserts... but cannot find a way to change submenus without it affecting the parent.

#menu2 {
border: solid 1px #4D5232 !important;
background: url(/wp-content/themes/atahualpa351/images/sidebarbg04.jpg) repeat top left;
box-shadow: 0 0 10px #333;
-moz-box-shadow: 0 0 10px #333;
-moz-border-radius:5px;
-khtml-border-radius: 5px;
-webkit-border-radius:5px;border-radius: 5px;
}

div#menu2 ul.rMenu {
background-color: transparent;
}

div#menu2 ul.rMenu li {
background-color: transparent;
}

div#menu2 ul.rMenu li.current_page_item a:link,
div#menu2 ul.rMenu li.current_page_item a:active,
div#menu2 ul.rMenu li.current_page_item a:hover,
div#menu2 ul.rMenu li.current_page_item a:visited,

div#menu2 ul.rMenu li:hover {
background: url(/wp-content/themes/atahualpa351/images/sidebarbg04.jpg) repeat top left;
}
div#menu2 ul.rMenu li a:hover,
div#menu2 ul.rMenu li.sfhover {
background: url(/wp-content/themes/atahualpa351/images/sidebarbg04.jpg) repeat top left;
}

#menu2 .rMenu-hor a {
font-weight: bold !important;
}
  #2  
Old Jan 22, 2012, 01:06 PM
lmilesw's Avatar
lmilesw
 
10,077 posts · Jul 2009
Central New York State USA
This where Firebug comes in. I just used it to determine the selector for the submenu which is
HTML Code:
.rMenu-expand li a
__________________
~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 22, 2012, 02:29 PM
ARealpolitik's Avatar
ARealpolitik
 
130 posts · Jun 2010
I want to customize the sub menus and the sub,sub menus without disturbing the parent menu including border, background, -moz, etc. I placed:


#menu2 .rMenu-expand li a {
* * background: url(/wp-content/themes/atahualpa351/images/sidebarbg04.jpg) repeat top left;
}

Not sure what that was suppose to do but it did nothing. What am I doing wrong?
  #4  
Old Jan 22, 2012, 03:03 PM
lmilesw's Avatar
lmilesw
 
10,077 posts · Jul 2009
Central New York State USA
What are the two asterisks before background for? Do you have a link to your site?
__________________
~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.
  #5  
Old Jan 22, 2012, 03:15 PM
ARealpolitik's Avatar
ARealpolitik
 
130 posts · Jun 2010
Hey Larry, I got it... Still playing with it. I would like to create a little more space top and bottom on the submenus since I added some -moz shadow. Take a look... http://www.theblogfarm.com/

Here's the code so far:

#menu2 .rMenu-expand li a {
border: solid 0px #4D5232 !important;
background-color: transparent;
box-shadow: 0 0 10px #333;
-moz-border: solid 1px #4D5232;
-moz-box-shadow: 0 0 10px #333;
-moz-border-radius:3px;
-khtml-border-radius: 3px;
-webkit-border-radius:3px;
border-radius: 3px;
}
  #6  
Old Jan 22, 2012, 03:30 PM
lmilesw's Avatar
lmilesw
 
10,077 posts · Jul 2009
Central New York State USA
I would probably add a margin-bottom to that code with !important added.
__________________
~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.
  #7  
Old Jan 22, 2012, 10:53 PM
ARealpolitik's Avatar
ARealpolitik
 
130 posts · Jun 2010
Margin worked great... I have one last thing I cannot figure out. The submenu hover background is set the way I want it but it affects the parent hover as well. Is there any way to have the submenu background change on hover, without it showing up on the parent?
  #8  
Old Jan 23, 2012, 06:24 AM
lmilesw's Avatar
lmilesw
 
10,077 posts · Jul 2009
Central New York State USA
You have the background for the hover set for an image. Set it for transparent instead.
__________________
~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.
  #9  
Old Jan 23, 2012, 07:53 AM
ARealpolitik's Avatar
ARealpolitik
 
130 posts · Jun 2010
I have the image on the hover, which I want. It is the background behind the submenu's I would like to make transparent. Check it out... You see the boxes in the submenu's properly displayed with decorations but I would like the menu behind the boxes to be invisible..?

http://www.theblogfarm.com/
  #10  
Old Jan 23, 2012, 07:54 AM
ARealpolitik's Avatar
ARealpolitik
 
130 posts · Jun 2010
Not sure I can do that though because it will not look right in IE... What do you think?
  #11  
Old Jan 23, 2012, 09:04 AM
lmilesw's Avatar
lmilesw
 
10,077 posts · Jul 2009
Central New York State USA
It took a bit of twiddling but you might try the following in CSS Inserts.
HTML Code:
.rMenu-ver a, .rMenu-ver a:hover {
    background: white !important;
}
.rMenu-ver, .rMenu-ver .cat-item {
    background: 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.
  #12  
Old Jan 23, 2012, 10:51 AM
ARealpolitik's Avatar
ARealpolitik
 
130 posts · Jun 2010
Worked, but had bad effect in IE with irregular box sizes.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Child sub menus overlap parent menus on H-Page menu bar cainj99 Page & Category Menu Bars 0 Jan 6, 2012 01:12 PM
Customizing comments? christinablue Comments, trackbacks & pings 4 May 29, 2010 06:18 PM
Customizing the header mcphoto Header configuration & styling 10 Aug 5, 2009 09:17 AM
Trying again - customizing the header mcphoto Header configuration & styling 0 Jul 27, 2009 08:47 AM
Customizing widgets Riddle36 Sidebars & Widgets 3 Mar 4, 2009 08:25 AM


All times are GMT -6. The time now is 12:06 PM.


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