Align woocommerce add to cart button

How To
1

Hi,

how can i align the add to cart button to the bottom in product archive?

Thanks

1 Like
2

Any help in accomplishing this?

3

Hi,

yes i need help because i can’t align the add to cart button.

Thanks

4

You can add some custom CSS:
root button {
margin-left: calc(50% - 100px);
}
where “100px” is 1/2 of button width.
This is for center alignment.

5

Hi,

thanks for your help, i didn’t explained well (excuse my english), in the product archive page i want all the add to cart button aligned at same level, despite different content size.

prt_botoes
prt_botoes688×645 68.4 KB

Thanks in advance

jb

6

Hi @Bandos ,

add margin-top: auto; to the button
or
justify-content: space-between; to .bricks-element-woocommerce-products .product.

Best Regards,
timmse

7

Thank you @timmse

this worked:

.repeater-item {
justify-content: space-between
}

8

Thank you all,

it worked perfectly.

Thanks again