How to make add to cart button larger

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.

How do I make my add to cart button larger?

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

1 Like

Hello @evatrnt
Is the button already large?

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;
}