How can I enhance the Add to Cart button size in Sense theme?

Store Design
1

Hey Guys!

Looking to make add to cart button bigger and remove the buy now button (buy with apple pay).

Nato0201_0-1649191234567.jpeg
Nato0201_0-1649191234567.jpeg828×521 18.2 KB

If anyone knows the piece of code I can add to ‘theme.scss.liquid’ that would be awesome!

Here’s my store link: https://fynal-co.com/products/uplift%E2%84%A2-micro-current-facial-toner

Thanks Heaps

2

@Nato0201 ,

button.shopify-payment-button__button.shopify-payment-button__button--unbranded._2ogcW-Q9I-rgsSkNbRiJzA._2EiMjnumZ6FVtlC7RViKtj._2-dUletcCZ2ZL1aaH0GXxT {
    display: none;
}

button.product-form__submit.button.button--full-width.button--secondary {
    padding: 23px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

3

Legend! Thank you.

Though this hasn’t fully worked for mobile version as the bottom “buy with apple pay” is still there, do you know how to remove this?

Also, how can I change the colour of the Add to Cart button? Is there a HEX code I can put in the code?

Thanks so much!

4

@Nato0201 ,

oscprofessional_0-1649232527794.png
oscprofessional_0-1649232527794.png1384×892 74.7 KB

button.product-form__submit.button.button--full-width.button--secondary {
    background: red;
}

You can change the colr red any hex color you want…