WooCommerce Shop Messages

[MHC]

Hi,

I encountered two small issues when trying to style WooCommerce shop messages:

1. How can I remove the extra spacing before messages? I’ve disabled the check mark but couldn’t seem to remove the extra spacing.
2. How to remove the arrows for “View Cart” buttons and make all “View Cart” buttons look the same?

Please see attached screenshot for explanation.
Thank you!

Attachments:

You must be logged in to view attached files.

[laranz – SUPPORT]

Hi,

Did you got it fixed by the CSS’s? Because for me it looks nice http://take.ms/ZapbU

Let us know,

Thanks,
laranz.

[MHC]

Hi laranz,

Tried to adjust as much as I can, but still want to align the messages to the left. Please see attached screenshot and you’ll see. Also the first “view cart” button seems a bit off.

Thank you very much!

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Add this to your custom css:

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-message {
  padding: 1em!important;
}
.wc-forward a:after, .wc-forward:after {
  display: none;
}

– Kyle

[MHC]

Thank you Kyle! The codes work great. Really appreciate your timely help.

[Mohammad – SUPPORT]

Hi,
Most Welcome and we are glad that your issue resolved. Thanks Kyle.
Thanks 🙂
With Best Regards
Mohammad