order summery row width

  • Resolved cathag

    (@cathag)


    2 years, 1 month ago

    Hi,
    I have the same problem of a last week topic (product name row width is too short so arn’t displayed correctly and prize is too close to the product name) but I don’t know where copy the code to solve the problem.
    Can you help me to solve?

    last week topic:
    Too small order summary by miragurbalova


    Solution given by the user:
    @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%;
    }
    form.woocommerce-checkout.checkout .woocommerce-checkout-review-order {
    flex: 0 0 50%;
    max-width: 100%;
    }

    @media (min-width: 1000px) {
    body.woocommerce-checkout .fc-sidebar {
    z-index: 2;
    width: 42.5%;
    }
    form.woocommerce-checkout.checkout .woocommerce-checkout-review-order {
    flex: 0 0 50%;
    max-width: 100%;
    }`

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Diego Versiani

    (@diegoversiani)

    2 years, 1 month ago

    Hi @cathag,

    This is actually a different problem.

    It seems some styles from the theme Azeno are not applied to the tax-totals (IVA) total line (and probably to other lines too).

    You can solve this problem by adding the following CSS code to WP Admin > Appearance > Customizer, inside the tab “Additional CSS”:

    form.woocommerce-checkout .fc-wrapper #order_review table.woocommerce-checkout-review-order-table tr {
    display: flex;
}

    I’m closing this topic for now. If you need further assistance, please reply to this topic.

    Best,
    Diego

    Plugin Author Diego Versiani

    (@diegoversiani)

    2 years, 1 month ago

    @cathag, by the way, Fluid Checkout has been fully translated to Italian. The translation will be available with the next version 1.5.4.

    Thread Starter cathag

    (@cathag)

    2 years, 1 month ago

    Thanks: it works fine and now it’s very nice (I’m an happy girl)
    Good news for the italian version
    Catherine

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘order summery row width’ is closed to new replies.