Help Adjusting Margins/Spacing for Product Item Details

Site URL: http://thesprouthouse.net

Hello, I am looking for help adjusting the margins/spacing between each section on the product details pages. I would like for the product title, description, price, options, and add to cart buttons to all be closer together on both desktop and mobile. If anyone can help, I greatly appreciate it! My site password is $prout, and I am in the trial phase. 

I know very little about CSS, but I am learning! 

On 8/13/2022 at 4:16 AM, thesprouthouse said:

Site URL: http://thesprouthouse.net

Hello, I am looking for help adjusting the margins/spacing between each section on the product details pages. I would like for the product title, description, price, options, and add to cart buttons to all be closer together on both desktop and mobile. If anyone can help, I greatly appreciate it! My site password is $prout, and I am in the trial phase. 

I know very little about CSS, but I am learning! 

The site is expired. You can access this link to extend it

Thank you, it has been extended!

Add this to Design > Custom CSS

/* title price */
h1.ProductItem-details-title {
    margin-bottom: 5px !important;
}
/* price size */
.ProductItem-product-price {
    margin-bottom: 0px !important;
}
.product-price {
    margin-bottom: 5px !important;
}
/* Size quantity */
.variant-option {
    margin-bottom: 0px !important;
}
/* quantity button */
.product-quantity-input {
    margin-bottom: 5px !important;
}