Flat Bootstrap Drop-Down Menu Color

  • Resolved allisonps

    (@allisonps)


    8 years, 5 months ago

    We like the Flat Bootstrap theme and are very happy with the ease of customization… except for the default colors. We struggle with how to override them.

    Specifically:

    I would like to override the default green highlight in the nav menu. I found an earlier post with code to override the highlight color using CSS, but that was for the top-level pages only, and I need to override only the drop-down pages. The top-level pages are fine.

    The site: http://joannemcsorleyphotography.com/newborn/

    The top-level page “Portfolio” has a drop-down. Currently, the selected page on the drop-down will highlight with the default green. We would like to change this to the same grey used to highlight a top-level page.

    Thank you

Viewing 2 replies - 1 through 2 (of 2 total)
  • Mr Case

    (@mr-case)

    8 years, 5 months ago

    try this

    .dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #9E9E9E !important;
}

    change the color to whatever you want. i used a general grey

    Thread Starter allisonps

    (@allisonps)

    8 years, 5 months ago

    Yes! It Works!
    thank you, thank you, thank you!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Flat Bootstrap Drop-Down Menu Color’ is closed to new replies.