Use these codes to the Custom CSS box
#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;
}
