How to make 'Add to Cart' button bigger? (Venture Theme)

Store Design
1

Hey team!

Looking to make ‘Add to Cart’ button bigger.

It’s currently this:

Screen Shot 2022-03-20 at 4.14.22 PM.png
Screen Shot 2022-03-20 at 4.14.22 PM.png892×324 9.45 KB

And would like to make it bigger like my other store:

Screen Shot 2022-03-20 at 4.15.10 PM.png
Screen Shot 2022-03-20 at 4.15.10 PM.png1060×396 6.81 KB

I’ve look at other discussion threads and saw that the code below added to the bottom of theme.scss.liquid works, though have found no luck!

#addToCart-product-template {
  width: 100%;
  height: 60px;
}

Any help would be massively appreciated!

Cheers

Store link: https://fynal-co.com/products/phantom-air-mini%E2%84%A2-4k-drone

2

This will do it

#AddToCart-product-template {
padding-top:30px !important;
padding-bottom:30px !important;
}

/*Further modifications*/

#AddToCart-product-template {
padding-top:30px !important;
padding-bottom:30px !important;
background: #0098ff;
color: white;
font-size: 18px;
}
3

Hi @Nato0201 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
.product-form__cart-submit {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

4

Legend! Thanks Heaps!