Archived topic
WooCommerce message on the Cart page
3 replies · Started by _blank on November 19, 2020
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
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.
David, thanks for explaining and providing the solution, it works fine for me now.
Regards, Walter
Glad to hear that!
