WordPress.org

Forums

Navigation Bar Dropdown Menu Font Size (7 posts)

  1. chris101t
    Member
    Posted 3 years 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?

  2. Andrew
    Forum moderator
    Posted 3 years ago #

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

  3. chris101t
    Member
    Posted 3 years 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}

  4. Andrew
    Forum moderator
    Posted 3 years ago #

    Try adding #nav.continuous instead of #nav

  5. chris101t
    Member
    Posted 3 years 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.

  6. Andrew
    Forum moderator
    Posted 3 years 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;

  7. chris101t
    Member
    Posted 3 years 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}

Topic Closed

This topic has been closed to new replies.

About this Topic