Spacing Between Product Image & Product Information

Store Design
, , ,
1

Hello there,

I need some help adjusting the spacing between the product image and its information — I’d like to increase the gap.

Can anyone guide me on how to do this?

Thank you :folded_hands:t3:

Screenshot 2025-07-03 at 3.18.34 PM.png
Screenshot 2025-07-03 at 3.18.34 PM.png1564×692 79.4 KB

1 Like
2

Please share the link to your product page

3

Hi @BadForm ,

Please send the website link, I will check it for you

4

Paste this into this sections “Custom CSS” setting:

.product-content-container {
  --section-horizontal-spacing: 2rem;
}

You can increase the number, if you like.

If you want this only on desktop, use this:

@media (min-width:1024px){ 
 .product-content-container {
    --section-horizontal-spacing: 2rem;
  }
}
5

Hello there! @BadForm You should try the following steps and let me know if it works

Goto Online Store-> Themes → Action dropdown → Edit code → Goto sections → Edit product-template.liquid file.

Replace

medium-up--two-thirds

Copy

to

medium-up--one-half

Copy

Check the screenshot below.

BundlerManuel_0-1751525633885.jpeg
BundlerManuel_0-1751525633885.jpeg924×158 35 KB

6

Hi @BadForm

This needs to check the page backend code contents, so that I can share you the available code. It will be quite helpful if you share this page URL. Thank you!