Main Navigation & Cart Hover Color

  • Resolved shoreandmore

    (@shoreandmore)


    8 years, 6 months ago

    Hello everyone,

    I’m new here. I’m trying to change the hover colour on the main navigation menu as well as on the cart icon. I couldn’t find an obvious setting for that. Any CSS suggestions (and how I apply them? 🙂 )

    I’m using the Storefront Extensions Bundle as well but nothing there.

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Mikey Arce

    (@mikeyarce)

    8 years, 6 months ago

    Hi @shoreandmore,

    > I’m new here. I’m trying to change the hover colour on the main navigation menu as well as on the cart icon. I couldn’t find an obvious setting for that. Any CSS suggestions (and how I apply them? 🙂 )

    You can target the text of the primary navigation hover like this:

    .main-navigation .primary-navigation li:hover a {
    color: #0e74b2;
}

    The cart hover like this:

    a.cart-contents:hover {
    color: #e2401c;
}

    Cheers,

    Thread Starter shoreandmore

    (@shoreandmore)

    8 years, 6 months ago

    Thank you very much, Mikey!

    It changes hover colour on the main navigation, but not on the cart. :/

    Any ideas?

    Mikey Arce

    (@mikeyarce)

    8 years, 6 months ago

    AHh yeah, my CSS wasn’t quite right.

    Try this:

    .site-header-cart:hover > li > a {
    color: #0231dc;
}

    Cheers,

    Thread Starter shoreandmore

    (@shoreandmore)

    8 years, 6 months ago

    Thank you soooo much! 🙂 🙂 🙂

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

The topic ‘Main Navigation & Cart Hover Color’ is closed to new replies.