Problem in Cart variations form in product page

  • franseowp

    (@franseowp)


    1 month, 3 weeks ago

    Good morning, we recently encountered the problem that in the variations form generated by Yith Product Add-ons & Extra Options, it is presented in two columns (display: flex) leaving the add to cart button on the right, very large, when we want it in only 1 column.

    How can we solve it?

    Thanks in advance.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Vanesa

    (@vanesarodriguez)

    1 month, 3 weeks ago

    Hello there!
    I hope you are doing great 😀

    Sometimes the themes can cause different layouts of our plugins, so please try adding the following CSS in Appearance -> Customize -> Additional CSS:

    .single .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
    display: block !important;
    }

    Please, try it and let us know.

    Have a nice day!

    Thread Starter franseowp

    (@franseowp)

    1 month, 2 weeks ago

    Good morning, I tried the css code but it didn’t work.

    There are even cases where it is displayed in 3 columns, in the case of the Google Pay button.

    We don’t know what to do anymore.

    Thank you.

    Plugin Support Vanesa

    (@vanesarodriguez)

    1 month, 2 weeks ago

    Hello there!

    My bad, please, try this CSS:

    .single .kwt-add-to-cart-single.kwt-add-to-cart-_69ee76-ca .cart.variations_form .woocommerce-variation-add-to-cart{
    display: block !important;
    }

    It should look like this.

    Please, try it and let us know.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.