I would like to use a different font size and style for the dropdown menu than from the main top-level menu. How can I do this? Thank you!

Leslie

Comments

danpros’s picture

danpros CreditAttribution: danpros commented

Hi, I already releasing the new version :)

#superfish .menu a, 
#superfish .menu a:visited  { 
color:#fff;
text-decoration:none;
font-size:12px; <!-- remove this first -->
font-weight:bold;
text-transform:uppercase;
padding:11px 29px 11px 29px;
}

#superfish .menu li {
background: transparent;
padding:0 3px 0 0;
font-size:12px; <!-- add this -->
}

#superfish .menu li li {
background: #004f90;
left: -1px;
font-size:9px; <!-- add this -->
}
danpros’s picture

danpros CreditAttribution: danpros commented
Status: Active » Closed (fixed)

I think that will answer the question. Closed.

Thanks,

Polk’s picture

Polk CreditAttribution: Polk commented

Unfortunately, this didn't make any changes for me, sigh. Thank you for trying, though!

See post below....if I make your changes in the style.css file, it works. I don't understand why it doesn't work in the local.css file.

BUT, two more quick questions.

1. Can I change the font color on just the child submenus, and leave the font color on the parent menu alone?

2. Can I have uppercase on the parent menu, but not on the child submenus?

Thank you!

Leslie

Polk’s picture

Polk CreditAttribution: Polk commented
Status: Closed (fixed) » Active

It looks like it is pulling part of code from local.css and part of it from style.css, even though I added ;stylesheets[all][] = local.css to the .info file? By changing the font size in style.css, it changed the display. But I still can't change the font color so that it is different for the dropdowns than for the top parent bar?

danpros’s picture

danpros CreditAttribution: danpros commented

Hi,

You can adding it to your CSS

color: red; <!-- example -->
Polk’s picture

Polk CreditAttribution: Polk commented

Hi, Dan,

I've tried adding it to the css. I must be doing it in the wrong place? Can you show me please exactly where to add it?

Thank you, Leslie

danpros’s picture

danpros CreditAttribution: danpros commented

Hi,

The best is changing this

#superfish .menu li li:hover {
background: red;
}

#superfish .menu li li li:hover {
background: red;
}
danpros’s picture

danpros CreditAttribution: danpros commented
Status: Active » Closed (fixed)

I'll close this.

Thanks,