How to add CSS to this cart after hover?

  • Resolved mauroapjr

    (@mauroapjr)


    1 year, 7 months ago

    Hi! This is my first time working with WordPress.

    My question is about the cart icon on the header (top right side of the page). The functioning is working well, but the hovering style is bothering me, and I couldn’t find the line of code related to this CSS.

    This is the website link:

    https://trabalharnocanada.ca/carrinho/

    This is the furthest I got.

    a {
    color: #4169e1
}

a:focus,a:hover {
    color: #191970
}

a:focus {
    outline: thin dotted
}

a:hover {
    outline: 0
}

    Really appreciate any help!

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

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

  • not sure what you are wanting to do but the CSS for the cart is:

    .ast-woocommerce-cart-menu .ast-cart-menu-wrap .count, .ast-woocommerce-cart-menu .ast-cart-menu-wrap .count:after {
  border-color: #0170B9;
  color: #0170B9;
}
.ast-woocommerce-cart-menu .ast-cart-menu-wrap:hover .count {
  color: #ffffff;
  background-color: #0170B9;
}
    Thread Starter mauroapjr

    (@mauroapjr)

    Found it!

    Thanks @tugbucket! It was close to what you replied. But that led me to the solution that I needed. This is the code that I was looking for:

    .widget_shopping_cart_content{
   background: #fff;               
 }

    Thanks again!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to add CSS to this cart after hover?’ is closed to new replies.