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

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.


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

@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

I did it! Thank you so much!