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

Adding formatting to submenu dropdown


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 Sep 12, 2009, 12:46 PM
kdawes01's Avatar
kdawes01
 
90 posts · May 2009
Missoula, MT
I wanted to share this...

I needed to add some dividers between the items in a submenu dropdown list without affecting the main menu and added the following code into the CSS inserts of Atahualpa.


/* add formatting to submenu items */
div#menu1 ul.rMenu li ul.rMenu-ver li{
border-top:1px solid #ffffff;

}


I hope this can help someone...

Ken
  #2  
Old Jul 14, 2010, 10:34 PM
alleyoopster
 
27 posts · Mar 2010
Do you know how I can change other formatting for the submenu. I wanted to change the font size, just of the submenu. I tried putting in below in hope, but I haven't got it right. If you can help out would appreciate it.

HTML Code:
/* add formatting to submenu items */
div#menu1 ul.rMenu li ul.rMenu-ver li{
font-size: 9px;
  #3  
Old Jul 15, 2010, 04:20 AM
juggledad's Avatar
juggledad
 
21,714 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
you need one more element in the selector, use
HTML Code:
/* add formatting to submenu items */
div#menu1 ul.rMenu li ul.rMenu-ver li a {
font-size: 9px;
__________________
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
  #4  
Old Jul 15, 2010, 05:09 AM
alleyoopster
 
27 posts · Mar 2010
Very much appreciated juggledad
  #5  
Old Dec 30, 2010, 02:05 PM
aravere's Avatar
aravere
 
56 posts · Sep 2010
rural Virginia, US
Hi- I think this thread just about answers my question: how can I make the font style for the submenu items different (i.e. smaller, regular/non-bold) from the main menu? See my site at www.timothychambers.com

Reading the answers above, where do I input the revised code?

Thanks!
__________________
I am using WP 3.5.1 and ATA 3.4.6
  #6  
Old Dec 30, 2010, 08:37 PM
alleyoopster
 
27 posts · Mar 2010
Quote:
Originally Posted by aravere
Reading the answers above, where do I input the revised code?

Thanks!
Within Atahualpa Theme Options (Various Content Items) Add HTML/CSS Inserts - At the bottom of CSS Inserts

Working example at http://www.smith-jewellery.com/
  #7  
Old Dec 31, 2010, 01:46 PM
aravere's Avatar
aravere
 
56 posts · Sep 2010
rural Virginia, US
Perfect! Thanks!
btw- nice site example! Very sharp and classic.
__________________
I am using WP 3.5.1 and ATA 3.4.6
  #8  
Old Feb 10, 2011, 04:54 AM
mysupervee
 
14 posts · Feb 2011
Watford, United Kingdom
Send a message via Skype™ to mysupervee
How can I make the sub menus different colour? At the moment it's the same colour as the hover colour, when you are on the page that has sub-menus?
  #9  
Old Feb 10, 2011, 05:01 AM
juggledad's Avatar
juggledad
 
21,714 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Look at the page in firefox using firebug then examine one of the sub pages links. This will show you the CSS used and you can copy it, add it to CSS inserts and add the color you want
__________________
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
  #10  
Old Feb 10, 2011, 09:44 AM
mysupervee
 
14 posts · Feb 2011
Watford, United Kingdom
Send a message via Skype™ to mysupervee
Thanks for the prompt response. I've downloaded firebug and looked at the link but I'm not sure what I'm supposed to be seeing or look for. The colour is #586E3A but I still can't see the code that determines the link background colour. I want the colour to change as you scroll through the sub menu, which it does if you're not on the parent page. But if you are on the parent page, all the sub menu buttons are all the same colour.
See www.richmondaid.mysuperwebpages.com for what I mean.
  #11  
Old Feb 10, 2011, 09:47 AM
juggledad's Avatar
juggledad
 
21,714 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
When you want to start customizing things like this, it is time to learn some CSS or hire someone to help you. A good reference for CSS is http://w3schools.com/css - look up the 'pseudo' (or do a google search on CSS PSEUDO and you can read about doing this)
__________________
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

Tags
css insert, divider, submenu

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Active colour for submenu nymana Page & Category Menu Bars 0 Jul 28, 2009 03:00 PM
Adding sidebar links outside of the blogroll (with formatting matching the sidebar) Flur Sidebars & Widgets 8 Jul 21, 2009 10:50 AM
Submenu formatting interage Page & Category Menu Bars 0 Apr 24, 2009 10:48 AM
formatting (adding space) to main page menu viewdesigninc Page & Category Menu Bars 1 Mar 31, 2009 06:38 PM
adding space between rotating header and category dropdown menu smkpbk Header configuration & styling 1 Feb 24, 2009 07:24 AM


All times are GMT -6. The time now is 11:48 PM.


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