Full width button product page

I used this css to make the add to cart and order now full width buttons, but they don’t work because of a css conflict. How can I fix it to display as in the example in the attached picture?

/*same size buttons product page */

button.single_add_to_cart_button.button.alt {
flex: 1 0 auto;
}

button#wd-add-to-cart {
flex: 1 0 auto;
}

This is page with problem: https://beta.brize.ro/produs/rochie-brodata-hellebrous/

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .single-product div.product.wcpa_has_options form.cart.variations_form .woocommerce-variation-add-to-cart {
   display: flex!important;
}

Best Regards

Hello!
Is not working.

I installed the Flexible Checkout Fields module. And I see that only on the product pages where I use it, the buttons do not appear full width

Hello,

These elements are provided by a plugin not related to the theme.

Please try this custom:

body.single-product div.product.wcpa_has_options form.cart.variations_form .woocommerce-variation-add-to-cart {
   display: flex!important;
}

If the problem remains, please contact the plugin support on this issue.

Best Regards

works. thank you!

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts