Button position and sale icons

hai Zu Foos

try this on your css

for changing Add card:

.woocommerce .cart .button {
bottom: 0px;
left: 0;
}
input.button.alt {
margin-left: 0;
}
for changing scale:

.single.woocommerce span.onsale {
background:none;
}
.woocommerce ul.products li.product .onsale {
margin: -.5em -1.5em 0 0;
}

Thank you for your advice! I had fiddled with some of this code previously, but not all of it.

After adding it, the button placement is significantly better. The “add to cart” button looks good, but the shopping bag icon is still a little off.

The sale “tab” that appears on products in the “related products” section is still broken. It appears like there is an opaque square that is surrounding the tab.

https://zufoos.com/product/do-solar-plexus-candle/

Hi There,

Add this code for the related blocks sale icon:

.single.woocommerce .related span.onsale {
   background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
   margin: 0 -3px 0 0 !important;
   padding: 0;
}

Thanks!

Thank you! That fixed the issue with the sale icons.

Thanks to all the custom css in this thread, my site seems to be back to normal.

Thanks everyone!