WC "empty Cart" bad CSS

Hello,

I recently upgraded my WooCommerce site from 3.6.5 to 3.7.1 as that is the latest version that PRO is compatible with.

Everything seemed to be fine other than when user is empties their cart. I noticed the code is different than before for the div that contains the statement “your cart is empty” and the button to return to the store. It is all left justified and not the right size or spacing. I got on chat with WooCommerce and they confirmed this error and mentioned I should notify my theme about the CSS issue. He also gave me the CSS to fix it momentarily. Please see this below:

.cart-empty {
  margin: 10% 0 0.85em; 
  font-size: 2em; 
  line-height: 1.2; 
  text-align: center;
} 
.return-to-shop {
  margin: 0 0 10% 0; 
  text-align: center;
}

I hope this information is helpful.

-Joe

Hello Joe,

Thank you for the information. Our developers were already made aware of this issue.

Regards.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.