Re: How can I give my custom Button the same css properties like add to cart button?

NoahOnyejese · ‎11-23-2022

Hi guys I added a custom liquid under my add to cart button on the Shopify product page of the Dawn Theme. I coded a button but I don't know how to make the CSS properties of my new one the same as the add-to-cart button.

I tried giving it the same class but it didn't work. Only the width is wrong.

RomanG · ‎11-23-2022

Because the add to cart button is wrapped in a product-form__buttons element and it has max-width property now(screenshot1).
To fixe your issue, please add max-width:44rem into your new button(screenshot2)

screenshot1:

screenshot2:

If you find my reply helpful, please hit Like and Mark as Solution

Github
Stack Overflow

View solution in original post

RomanG · ‎11-23-2022

Hi @NoahOnyejese

Can you let me know your store url?

If you find my reply helpful, please hit Like and Mark as Solution

Github
Stack Overflow

NoahOnyejese · ‎11-23-2022

www.jaglion.co.uk
Password: JAGLION123

RomanG · ‎11-23-2022

Because the add to cart button is wrapped in a product-form__buttons element and it has max-width property now(screenshot1).
To fixe your issue, please add max-width:44rem into your new button(screenshot2)

screenshot1:

screenshot2:

If you find my reply helpful, please hit Like and Mark as Solution

Github
Stack Overflow

NoahOnyejese · ‎11-23-2022

Thanks a lot it worked!

Re: How can I give my custom Button the same css properties like add to cart button?

How can I give my custom Button the same css properties like add to cart button?

Community Blog Articles