[Resolved] WooCommerce message on the Cart page

Home Forums Support [Resolved] WooCommerce message on the Cart page

Home Forums Support WooCommerce message on the Cart page

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1538193
    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

    #1538611
    David
    Staff
    Customer Support

    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.

    #1538625
    Walter

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

    Regards, Walter

    #1538666
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.