Text outside the box in checkout page - by Sakis

This topic has 6 replies, 2 voices, and was last updated 3 years, 8 months ago ago by Sakis

  • Avatar: Sakis
    Sakis
    Participant
    March 31, 2021 at 06:27

    Hi,

    On checkout page, the text in the price break-down area is going outside the box and I cant fix it. Please assist.

    https://ibb.co/k6SMRLD

    thanx

    5 Answers
    Avatar: Sakis
    Sakis
    Participant
    March 31, 2021 at 06:39

    I forgot to mention, this behavior is on mobile

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 1, 2021 at 15:36

    Hello,

    Sorry for the delay in answering.
    Add the next code in Theme Options > Custom CSS > Custom CSS for mobile:

    #order_review {
        overflow: hidden;
        overflow-x: auto;
    }

    Regards

    Avatar: Sakis
    Sakis
    Participant
    April 1, 2021 at 16:47

    thanx for the reply, this fixed partially the problem. there is no overflow, however the text is cut

    https://ibb.co/FHRV65P

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 2, 2021 at 07:43

    Hello,

    Add this code also –

    .woocommerce-checkout-review-order-table .product-total, 
    .woocommerce-checkout-review-order-table .cart-subtotal td,
    .woocommerce-checkout-review-order-table .order-total td {
        text-align: start;
    }
    #shipping_method {
        min-width: unset;
        padding: 0;
    }

    a scroll will apear.

    Regards

    Avatar: Sakis
    Sakis
    Participant
    April 2, 2021 at 14:13

    thanx, it works!

  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘text outside the box in checkout page’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.