Return to previous page

Text outside the box in checkout page - by Sakis

This topic has 6 replies, 2 voices, and was last updated 3 years, 7 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

    #281847 Copied Theme version: 5.7 WooCommerce version: latest
    5 Answers
    Avatar: Sakis
    Sakis
    Participant
    March 31, 2021 at 06:39

    I forgot to mention, this behavior is on mobile

    #281848 Copied
    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

    #282152 Copied
    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

    #282171 Copied
    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

    #282229 Copied
    Avatar: Sakis
    Sakis
    Participant
    April 2, 2021 at 14:13

    thanx, it works!

    #282303 Copied
  • 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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Medical – WordPress WooCommerce Theme
lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Beauty – WooCommerce Theme
lazy-placeholder
Agricultural Store – WordPress WooCommerce Theme
lazy-placeholder
Business 02 – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
Lingerie Store – WordPress WooCommerce Theme

See All Templates

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