Spacing Venue Theme

Solved

Spacing Venue Theme

timmeier256
Tourist
5 0 4

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?

 

Bildschirmfoto 2024-06-14 um 09.03.01.png

Accepted Solutions (3)
ZestardTech
Shopify Partner
5647 1032 1359

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;
}

 

ZestardTech_0-1718349454448.png

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

ZestardTech
Shopify Partner
5647 1032 1359

This is an accepted solution.

Hi @timmeier256 

 

You want like this>


ZestardTech_0-1718349915213.png

 

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;
}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

ZestardTech
Shopify Partner
5647 1032 1359

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.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 9 (9)

ZestardTech
Shopify Partner
5647 1032 1359

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
timmeier256
Tourist
5 0 4

Shop is online

Here the URL: https://www.kleinekatze.shop/

timmeier256
Tourist
5 0 4

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...

ZestardTech
Shopify Partner
5647 1032 1359

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;
}

 

ZestardTech_0-1718349454448.png

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
timmeier256
Tourist
5 0 4

Awsome! I think its getting closer 🙂

Is it possible to delte the spacing on top aswell?

It should look a little bit like that

Bildschirmfoto 2024-06-14 um 09.21.33.png

ZestardTech
Shopify Partner
5647 1032 1359

This is an accepted solution.

Hi @timmeier256 

 

You want like this>


ZestardTech_0-1718349915213.png

 

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;
}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
timmeier256
Tourist
5 0 4

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

ZestardTech
Shopify Partner
5647 1032 1359

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.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
ZestardTech
Shopify Partner
5647 1032 1359

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;
}

 

ZestardTech_0-1718351170278.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing