Adding formatting to submenu dropdown

kdawes01 · #1 Sep 12, 2009, 12:46 PM

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

alleyoopster · #2 Jul 14, 2010, 10:34 PM

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;

juggledad · #3 Jul 15, 2010, 04:20 AM

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;

alleyoopster · #4 Jul 15, 2010, 05:09 AM

Very much appreciated juggledad

aravere · #5 Dec 30, 2010, 02:05 PM

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!

alleyoopster · #6 Dec 30, 2010, 08:37 PM

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/