How to max width add to cart button


I am trying to resize the width to max width the add to cart button so that it is the same width as the product image. I did have some luck but unfortunately it also is did the same to the buttons on the product carousel I have on my homepage.

Can you please tell me how to max width the button when viewing all the products. Not when a user is viewing an individual product or anywhere else like my homepage.

Buttons should be affected on this and similar Pages.

Buttons shouldn’t be affected on this or other pages.

Hi @shahidul,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other #page a.btn.btn-filled {
    width: 100%;

Best Regards,

Hi Movin,

Perfect. Thank you.

You are most welcome here :slight_smile: