Home › Forums › WoodMart support forum › Full width button product page

Full width button product page

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 11, 2023 at 11:08 pm #442309

    andreiv30
    Participant

    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.
    February 12, 2023 at 7:19 am #442343

    Elise Noromit
    Member

    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

    February 12, 2023 at 7:51 pm #442387

    andreiv30
    Participant

    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

    February 14, 2023 at 3:35 am #442711

    Elise Noromit
    Member

    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

    February 14, 2023 at 2:23 pm #442905

    andreiv30
    Participant

    works. thank you!

    February 15, 2023 at 2:39 am #443077

    Elise Noromit
    Member

    You are welcome! We are here to help.

    Wish you a wonderful day!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)