How can I find the Add to Cart button CSS in the Dawn Theme?

[NoahOnyejese]

Hi there,

I’m trying to find the Add-to-cart button CSS properties. In the Dawn Theme from Shopify. I would like to know its sizing so that I can give the same size to a button I want to add with a custom liquid.

Thanks in advance!

[PageFly-Victor]

Hi @NoahOnyejese ,

This is Victor from PageFly - Shopify Page Builder App.

On your product page, move your mouse to the add to cart button > Right click > Inspect. Then you’ll have a panel with full styling like this:

Hope this can help you solve the issue.

Best regards,

Victor | PageFly

[BSS-Commerce]

Hi @NoahOnyejese

Please follow these steps:

1. On your website, please press F12 or right-click and select inspect to enable the development interface as shown

2. Click on the Select element icon until the icon turns green as shown

3. Select the element or button you want to check the size

But maybe the button you selected has not been correctly the “add to cart” button, so the next step is to click on the button above to show as shown.

4. In the style, you pull down to the end to see the box at the bottom, the blue innermost size is the width x height

I hope that it’s useful to you!

[NoahOnyejese]

Thanks a lot!

[BSS-Commerce]

Hello @NoahOnyejese

I am so glad that my solution can help you solve the issue.

Best regards,
BSS Commerce Team