How to make add to cart button larger

Store Design

Topic summary

A user seeks to enlarge the “Add to Cart” button on their product page.

Current Status:

  • Another user questions whether the button is already sufficiently large, sharing a screenshot for reference.
  • A third participant provides a CSS solution to increase button size.

Proposed Solution:

  • Add custom CSS code to the theme settings via Online Store > Themes > Customize > Theme settings.
  • The CSS targets .product__submit__item button and modifies font-weight (700) and font-size (1.6rem).

Resolution: The discussion appears to have a working solution provided, though no confirmation from the original poster indicates whether it was successfully implemented.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

How do I make my add to cart button larger?

https://sophia-shop.com/products/zahra-sunglass

evatrnt_0-1734259403016.png
evatrnt_0-1734259403016.png2988Ă—1200 228 KB

1 Like
2

Hello @evatrnt
Is the button already large?

devcoders_0-1734272241576.png
devcoders_0-1734272241576.png1154Ă—437 60.7 KB

3

Hi @evatrnt

You can add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

.product__submit__item button {
font-weight: 700;
font-size: 1.6rem;
}

Screenshot 2024-12-16 at 15.47.01.png
Screenshot 2024-12-16 at 15.47.01.png1722Ă—1074 119 KB