Customize Dawn Add to Cart button size and placement

Shopify Plus
1

Hi - Seeking help from any great coders out there. I’d like to change our Quick Add to Cart button in Dawn 7, it currently looks like the below. I’d like to reduce the size of the Quick Add option on my Product Collection Page and ideally locate it as a pill or a hover over the product image. Thanks in advance :slightly_smiling_face:

AbbieE_0-1704184870223.png
AbbieE_0-1704184870223.png911×591 186 KB

2

Hi @AbbieE
Can you share the store URL?

3

Hey, this task is quite advance and the code isn’t something easy to achieve. But here’s a logic.

For the Button.

You only need to reduce either one of these. Line height or padding.

For the pill location.

Depends on the HTML structure, ideally you will be using a positioned absolute element.

Hope that helps!