Personalized checkout and custom promotions with Shopify Scripts
Hello, as you can see by the screenshot indicatted with the orange lines, I would like to reduce the space in these areas. How do I do this? Any help would be greatly appreicated. Store URL: https://themovingstories.com/collections/all-products/products/our-wedding
Hi @CameronO
Try this one.
.product-block:has(.rating-stars-inline), .product-block.product-block--header {
margin-bottom: 0;
}
.easify-product-options .tpo_option-set-wrapper {
padding: 0;
}
.product-block:has(.rte) {
margin-bottom: 10px;
}
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Hi @CameronO ,
You can follow the steps here:
Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there
Here is the code for step 3:
.product-single__meta > .product-block.product-block--header {
margin-bottom: 0 !important;
}
.product-single__meta > div[data-product-blocks] > div {
margin-bottom: 5px !important;
}
Here is the result:
Please let me know if it works!
Best,
Daisy
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025