change hover color

  • Resolved KellySeeks

    (@motherofchaos3)


    9 years, 10 months ago

    how do i change the hover color from the default pink/red to the color i need it for the menu at the top AND the hover over the service icons at the bottom?

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hey there Motherofchaos3,

    Hope you’re well today!

    Changing the hover color for the navigation can be done with some custom CSS. Please add the following code to Appearance >> Options Panel >> Quick Start >> Custom CSS

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .dropdown-menu {
background-color: #f8504b;
}

    Replace the color hex value (#f8504b) to the color of your choice. This should change the hover color of the navigation.

    As for the service hover, it doesn’t use the color but image that is displayed on hover. To change it you’ll have to edit the image and change the color. The image is located in /wp-content/themes/quality/images/hexagon_hover.png.

    Hope this helps ??

    Cheers,
    Bojan

    Hi

    Did your issue resolve ?

    Thanks
    Akhilesh

    Thread Starter KellySeeks

    (@motherofchaos3)

    i was able to change to hover on the buttons but havent worked on the service icons.

    Hey again,

    How are you doing today?

    Did you manage to edit the image that is being used for services hover?

    Cheers,
    Bojan

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘change hover color’ is closed to new replies.