Order Summary Box Size

  • Resolved rahul92

    (@rahul92)


    3 years, 3 months ago

    Hi,

    Is there a way to increase the width of the order summary box ?

    My product values are not fitting and the decimals show up on another line.

    • This topic was modified 3 years, 3 months ago by rahul92.
Viewing 1 replies (of 1 total)
  • Plugin Author Diego Versiani

    (@diegoversiani)

    Hi @rahul92,

    Yes, you can use CSS to change the width of the columns for large screens. Here is some code to help you get started:

    @media (min-width: 1000px) {
    body.woocommerce-checkout:not(.has-checkout-must-login-notice) .fc-checkout-header ~ .woocommerce-error,
    body.woocommerce-checkout:not(.has-checkout-must-login-notice) .fc-checkout-header ~ .woocommerce-info,
    body.woocommerce-checkout:not(.has-checkout-must-login-notice) .fc-checkout-header ~ .woocommerce-message,
    body.woocommerce-checkout:not(.has-checkout-must-login-notice) .fc-checkout-notices,
    body.woocommerce-checkout:not(.has-checkout-must-login-notice) .fc-inside,
    body.woocommerce-checkout:not(.has-checkout-must-login-notice) .fc-progress-bar,
    body.woocommerce-checkout:not(.has-checkout-must-login-notice) .woocommerce-NoticeGroup {
        width: 52.5%;
    }
}

@media (min-width: 1000px) {
    body.woocommerce-checkout .fc-sidebar {
        z-index: 2;
        width: 47.5%;
    }
}

    Best,
    Diego

Viewing 1 replies (of 1 total)
  • The topic ‘Order Summary Box Size’ is closed to new replies.