Shopify themes, liquid, logos, and UX
I'm looking for help. I need to adjust the spacing between the individual blocks on my product page for my Venue theme. In the example, you can see my reviews and it just looks terrible that there is so much space between them. How do I fix that?
Solved! Go to the solution
This is an accepted solution.
Hi @timmeier256
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:
.product-single__box__block {
margin: 5px;
}
This is an accepted solution.
Hi @timmeier256
You want like this>
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:
.product-single__title.js-sr-loaded {
margin: 0!important;
}
This is an accepted solution.
Hi @timmeier256
Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.
Hello There,
Please share your store URL and password.
So that I will check and let you know the exact solution here.
Thanks for your help!
Here is a link to direct product page where u can find it
https://www.kleinekatze.shop/collections/katzenliebhaber-aufgepasst/products/zecken-stopp-katzenhals...
This is an accepted solution.
Hi @timmeier256
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:
.product-single__box__block {
margin: 5px;
}
Awsome! I think its getting closer 🙂
Is it possible to delte the spacing on top aswell?
It should look a little bit like that
This is an accepted solution.
Hi @timmeier256
You want like this>
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:
.product-single__title.js-sr-loaded {
margin: 0!important;
}
Awasome!
Thank you so much for your help!
I really appreciate it.
It was my first question here, and I'm already receiving such prompt and helpful assistance. It's incredible
This is an accepted solution.
Hi @timmeier256
Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.
Hi @timmeier256
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:
.product-single__box__block .list_ico {
margin: 0;
}
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn 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, 2025