How do I adjust the distance between the product price and add to cart on the product page

Store Design
1

How do I adjust the distance between the product price and add to cart on the product page, I think the price and the title are too close together, I would like the price to move down a bit. My shopify is debut theme.

bandaotiehe_0-1638062089646.png
bandaotiehe_0-1638062089646.png593×283 62.6 KB

This is my product page：https://www.keithsto.com/products/second-half-price-santa-claus-musical-climbing-rope-%F0%9F%94%A5-2021-new-version

2

@bandaotiehe If you need help changing this contact me with this topic url paull.newton+shopifyforums@gmail.com

Always backup themes and files before making changes to code

In your Debut themes theme.css file look for the following .price CSS code and change the margin-top

To search in code editor use ctrl+f and look for just “.price” .

.price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
}

change the rule margin-top to 2rem:

margin-top: 2rem;

2rem is the same value as the option selectors use for top padding

3

I did it! Thank you so much!