Return to previous page

Top Menu Background Hover Color - by George

This topic has 6 replies, 2 voices, and was last updated 7 years, 7 months ago ago by Rose Tyler

  • Avatar: georcarson
    George
    Participant
    June 1, 2017 at 15:31

    On the Top Bar dropdown menus & the ALL CATEGORIES dropdown menu in the header, how do I change the color of the background hover? Right now it is a very light gray almost invisible. Thanks.

    #164800 Copied Theme version: 3.14 WooCommerce version: 3.07
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 2, 2017 at 09:42

    Hello,

    Please try to add this code in Custom css:

    .header-wrapper .header-search.act-default div.fancy-select ul.options li:hover {
    background-color: rgba(69, 110, 156, 0.33) !important;
}
.languages-area .menu > li > ul li a:hover, .top-links .menu > li > ul li a:hover {
    background-color: rgba(90, 161, 227, 0.31);
}

    Regards

    #164858 Copied
    Avatar: georcarson
    George
    Participant
    June 2, 2017 at 13:39

    That works great, but I am still missing the “My Account” dropdown on the top menu. Thanks.

    #164877 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 2, 2017 at 13:49

    Hello,

    Oh I see, please try:

    .my-account-link ul > li > a:hover {
    background-color: blue;
}

    Regards

    #164878 Copied
    Avatar: georcarson
    George
    Participant
    June 2, 2017 at 13:58

    Got it. Thanks again.

    #164879 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 2, 2017 at 13:59

    Hello,

    You’re welcome!

    Regards

    #164880 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Top Menu Background Hover Color’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Business 02 – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Beauty – WooCommerce Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
Spa – WordPress WooCommerce Theme
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Headphone Store – WordPress WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.