How to add spacing between product information blocks

Solved

How to add spacing between product information blocks

VinUp
Tourist
15 0 4

Hello everyone,

 

I would love to add spacing in between the product information blocks, so that the information get even out across the image and carrousel images.  How can i best do this? The theme i am using is Origin. The website is www.vinup.nl/en/products/springsteel

VinUp_0-1720626912611.png

 

Accepted Solution (1)

Moeed
Shopify Partner
4361 1123 1378

This is an accepted solution.

Hey @VinUp 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
.product__info-container>*+* {
    margin: 5.5rem 0 !important;
}
}
</style>

RESULT:

Moeed_0-1720627324309.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Reply 1 (1)

Moeed
Shopify Partner
4361 1123 1378

This is an accepted solution.

Hey @VinUp 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
.product__info-container>*+* {
    margin: 5.5rem 0 !important;
}
}
</style>

RESULT:

Moeed_0-1720627324309.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️