Navigation Bar Dropdown Menu Font Size

  • chris101t

    (@chris101t)


    11 years, 8 months ago

    I want to reduce the font size of the navigation bar dropdown menu items for merrickvillesjazzfest.com. With reference to ‘dropdown menu font suffusion’, I added the following CSS code to Custom Styles (Dashboard -> Appearance -> Suffusion Options -> Back-end -> Custom Includes):
    #nav ul ul li a, #nav ul ul li a:visited {font-size:70%;}
    but the font size stubbornly stays the same size. Is there something wrong with the CSS code?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 8 months ago

    Looks like the Custom Includes isn’t actually including into your page.
    Could you try editing custom-styles.css?

    Thread Starter chris101t

    (@chris101t)

    11 years, 8 months ago

    I tried adding
    #nav ul ul li a, #nav ul ul li a:visited {font-size:70%;}
    to style.css (public_html/wp-content/themes/suffusion/style.css), and then to dark-style.css, but no change – the navigation bar dropdown menu font size stubbornly stays the same as the top level font size. I don’t know CSS, so I’m wondering if this is the right code. Any suggestions would be greatly appreciated. {ref merrickvillesjazzfest.com}

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 8 months ago

    Try adding #nav.continuous instead of #nav

    Thread Starter chris101t

    (@chris101t)

    11 years, 8 months ago

    Thanks, Andrew! I added the following code to Custom Styles (Dashboard -> Appearance -> Suffusion Options -> Back-end -> Custom Includes):

    #nav.continuous ul ul li a,
#nav.continuous ul ul li a:hover,
#nav.continuous ul ul li a:visited
{font-size:70%;}

    It works fine now, except for the font size of the navigation bar dropdown menu item for the page I’m on. I tried including
    #nav.continuous ul ul li a:highlighted,
    in the above CSS code, but that didn’t work. I can live with that but, if you have another suggestion, I’d appreciate it.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 8 months ago

    If you want to change the active page link in the drop down menu, try this

    ul li.current_page_item a.current,
ul li.current_page_item a.current:active {
font-size: 70%;
}

    It’s really difficult to work with your stylesheet because you have so many conflicting styles, such as line 571 style.css

    If that code still doesn’t work, try adding !important on the end of 70%;
    E.g
    font-size: 70% !important;

    Thread Starter chris101t

    (@chris101t)

    11 years, 8 months ago

    I tried just adding !important so that my Custom Styles code is now

    #nav.continuous ul ul li a,
#nav.continuous ul ul li a:hover,
#nav.continuous ul ul li a:visited
{font-size:70% !important;}

    It works perfectly now. It must have been a conflict/precedence issue, although I really like the Suffusion Custom Styles capability.
    Thanks again, Andrew! {ref merrickvillesjazzfest.com}

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Navigation Bar Dropdown Menu Font Size’ is closed to new replies.