How to style the svg remove icon for the shopping cart widget

Hello @nootkan,

Been trying to style the shopping cart widget svg remove icon that is a gray circle with a gray X inside it to be red on both counts.

Checking your site I can see the whole element is in red so I’m not sure if you’ve figured it out or if I misunderstood your request.

Link to image: https://d.pr/i/HckFBV

Either way, please let us know! ??

Sorry had to finish something else before I could revisit this. Here are some screenshots to show what I mean.

As you can see the svg has a square red border inside the circle instead of the circle being red. The whole svg is also opaque instead of bold. Thanks for your time.

Thank you for providing the screenshots!

I was unable to locate the first screenshot’s location, but I removed the circle from the remaining images.

Please add the following CSS snippet in Appearance > Customize > Additional CSS.

/*  Remove SVG circle  */

.woocommerce a.remove::before{
  display: none !important;
}

.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove{

border: unset !important;
  
  }

Let us know how it goes!

Hello,

We haven’t heard back from you in a while, so I’m going to mark this as resolved – we’ll be here if and/or when you are ready to continue.

Thanks.

Sorry got focused on something else and couldn’t get away until now. Thanks for the solution. It works for everything except the cart dropdown in the nav menu but I can live with that. Much appreciated.