Spacing Between Product Image & Product Information

[BadForm]

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 🙏🏼

[Dan-From-Ryviu]

Please share the link to your product page

[namphan]

Hi @BadForm,

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

[tim]

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

[Bundler-Manuel]

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.

[Wendell4]

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!