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

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.

/* add formatting to submenu items */
div#menu1 ul.rMenu li ul.rMenu-ver li{
font-size: 9px;

you need one more element in the selector, use

/* add formatting to submenu items */
div#menu1 ul.rMenu li ul.rMenu-ver li a {
font-size: 9px;

Very much appreciated juggledad

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!

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/

Perfect! Thanks!
btw- nice site example! Very sharp and classic.

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?

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

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.

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)