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. …

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: [RomanG_0-1669231898195.png] screenshot2: [RomanG_1-1669232070743.png]

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

Store Design

RomanG November 23, 2022, 7:26pm 2

Hi @NoahOnyejese

Can you let me know your store url?

Topic		Replies	Views
Customize add to cart button size dawn theme Store Design design , customizations , css , html , product-page	3	20	October 23, 2024
How can I adjust the width of the add to cart button? Store Design design , customizations , css , product-page	3	16	February 21, 2024
Increase the size of the add to cart button Store Design design , shopify-themes	9	19	March 23, 2023
Add to cart button change - Dawn theme Shopify Discussion	13	24	October 15, 2022
How to make add to cart button full section width on the product page? Store Design design	4	16	April 6, 2023

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

Related topics