Home › Forums › WoodMart support forum › Align add to cart and buy now buttons on product page

Align add to cart and buy now buttons on product page

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 4, 2023 at 4:45 pm #457154

    agenciawebinfinite
    Participant

    Hello!

    I would like it to be possible, align the buttons this way, it is a STANDARD and organized, see:

    https://imgur.com/7nrgGpw

    However, in Woodmart, it looks like this:
    https://imgur.com/XiqgFWn

    I would like their size to be divided equally by size, and occupy all the space, staying next to the units counter, not below.

    Can you help me?

    April 6, 2023 at 2:04 pm #457799

    Elise Noromit
    Member

    Hello,

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

    .woocommerce-variation-add-to-cart .single_add_to_cart_button,
.woocommerce-variation-add-to-cart .wd-buy-now-btn {
	flex-grow: 1;
	flex-basis: calc(50% - 52px);
}

    Best Regards

    April 12, 2023 at 1:13 pm #459156

    agenciawebinfinite
    Participant

    It was beautiful, it worked perfectly!

    Thank you very much.

    April 12, 2023 at 3:13 pm #459203

    Elise Noromit
    Member

    You are welcome! We are here to help.

    Wish you a wonderful day!

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

The topic ‘Align add to cart and buy now buttons on product page’ is closed to new replies.