How can I reduce white space on product pages in Debut Theme?

Store Design
1

Hello,

I’d like to remove some of the white space between the ‘buy it now’ button and the product description on all my product pages. I understand this requires some CSS code, could anyone assist with exactly what the code needs to be to achieve this?

My Shopify site is here: https://exploring-the-cotswolds.myshopify.com/

Thanks!

2

Hi @RossArrowsmith , the problem is you have another element ‘more payment options’ on product page - that is rendered but not visible. So go to edit code > assets > theme.scss.css, find this element:

.shopify-payment-button .shopify-payment-button__more-options {
    margin: 16px 0 10px;
    font-size: .875em;
    text-decoration: underline;
}

And replace it with:

.shopify-payment-button .shopify-payment-button__more-options {
    margin: 16px 0 10px;
    font-size: .875em;
    display: none;
    text-decoration: underline;
}