[Share] Spacing on Product Page

Some CSS code to adjust spacing on Product Detail Page. If the code doesn't work, you can send link to product page on your site, I will check it again.

#1. Space above Product Title

/* #1. Space above product title */
section.product-details.ProductItem-details {
    padding-top: 0px !important;
}

#2. Space between Product Title – Price

/* #2. Space between title - product */
h1.ProductItem-details-title {
    margin-bottom: 0px !important;
}

#3. Space between Product Price – Description

/* #3.  Space between Product Price - Description  */
div.ProductItem-details-excerpt>p:first-child {
    margin-top: 0px !important;
}
div.ProductItem-product-price, div.ProductItem-product-price .product-price {
    margin-bottom: 0px !important;
}

#4. Space between Description – Quantity

/* #4. Space between Description - Quantity */
div.ProductItem-details-excerpt {
    margin-bottom: 0px !important;
}
div.ProductItem-details-excerpt p:last-child {
    margin-bottom: 0px;
}

#5. Space between Quantity – Add to Cart

/* #5. Space between Quantity - Add to Cart */
div.product-quantity-input {
    margin-bottom: 5px !important;
}

#6. Space between Description – Variant Dropdown

/* #6. Space between Description - Variant Dropdown */
div.ProductItem-details-excerpt {
    margin-bottom: 0px !important;
}
div.ProductItem-details-excerpt p:last-child {
    margin-bottom: 0px;
}

#7. Space between Variant Dropdown – Quantity

/* #7. Space between Variant Dropdown - Quantity */
div.variant-option {
    margin-bottom: 5px !important;
}

#8. Space between Thumbnails

/* #8. Space between Thumbnails  */
.ProductItem-gallery-thumbnails-item {
    margin-bottom: 40px !important;
}