Reduce padding between Buy Button and product description

Store Design
1

Hello,

I am trying to reduce the amount of space between the the bottom of the Buy It Now button and start of my product description in my product pages. I have adjusted code in the timber.scss file in my test site copy but nothing changed. I have also tried changing code offered from other queries but still a no go.

Any guidance appreciated!

Thank you,

Lynda

TheWaterCanShop.com password: ahdohy.

LyndaH1_0-1643979083238.png
LyndaH1_0-1643979083238.png664×522 89.8 KB

2

Hi @Linnea641

Your link points to a non-Shopify website, can you double check so we can provide a solution for this?

Cheers!

3

Hello There,

Please share your store URL Proper.
So that I will check and let you know the exact solution here.

4

My apologies! My store is not yet live:

https://thewatercanshop.myshopify.com/?key=ac4137a5272f71a72f25667395e886b1c562b7497c8d09608bb73e2544d95949

password: ahdohy

5

https://thewatercanshop.myshopify.com

my site is not yet live. I am using the MINIMAL template

password: ahdohy

6

Hi @Linnea641

Please add the following code at the very end of your timber.scss file:

button.shopify-payment-button__more-options._2ogcW-Q9I-rgsSkNbRiJzA.shopify-payment-button__button--hidden {
    display: none;
}

That should do it! Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

7

PERFECT!! Thank you so much for your help!

Lynda

8

You’re most welcome! :wink: Don’t forget to like and mark as solution the latest reply for a better clarity/visibility!