[Resolved] WooCommerce message on the Cart page

[Walter]

Support, I have a question around WooCommerce

-) Sofar all the messages, warnings and errors look fine except for 1 ….

-) When adding a product to the CART via thee SHOP page (URL in the private info box) the message in the green message box has 2 parts : the text message itself left alligned ….. the text/link “Continue Shopping”.

-) The problem is that the text/link is not bold (as is the case in other messages for example when you delete the product from the Cart then you see the text/link “Undo?” in bold weight instead of normal).

-) Second problem is that “Continue Shopping” looks very bad on Mobile as it is not on the same line but in some sort of table?

-) Is there a possibility to show “Continue Shopping” with the same darker black color/boldness and position it the same as the word “Undo?” in the other message ?

To test:
-) go to the SHOP page (URL in private window)
– Add a product to the CART
– Observe the message in the Greenish message box. (“Continue Shopping” on the right end) and make the screen snmall.
– Click on the X in front of the product to remove the product from the CART.
– Observe the message in the Greenish message box. (“Undo?” on the right but without many spaces and on small screen)

Regards, Walter

[David]

Hi there,

the Continue Shopping link is actually a Woocommerce Button, whereas Undo is actually a link.
So continue shopping actually gets its font weight from the customizer woocommerce button styles.

If you want to style it differently then you can add this CSS:

div.woocommerce-message a.button {
    font-weight: 700;
    margin-left: 20px;
}

Inlining the message and the button the same as the Undo message is not possible, due to the HTML that Woocommerce generates, but i included some margin-left in the above CSS to stop the button from touching the text.

[Walter]

David, thanks for explaining and providing the solution, it works fine for me now.

Regards, Walter

[David]

Glad to hear that!

[Author]

Posts