Make product image larger and remove extra space right and left

Topic summary

A user seeks to enlarge product images on their Shopify store and reduce excessive white space on the left and right sides of the product page. They also want to add social media sharing buttons (text, WhatsApp, Facebook, etc.) for each product.

Store Details:

Solutions Offered:

  • Two community members provided CSS code snippets to paste in the theme.liquid file (before </head> or </body> tags)
  • One responder shared a Shopify app link for adding social sharing buttons
  • A before/after screenshot was provided showing potential results

Current Status:
The discussion remains unresolved. The user tested the proposed solutions but reported they “messed up” the layout or had “no luck,” indicating the fixes did not work as intended. No follow-up solutions have been provided yet.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

How to make product image large so it is visible and looks nice. I want it to be wider and also increase the height relative to the product information on the right. Is there a way to fix this ?

Example below:

Also, I want to remove the extra white space and ensure to add social media icons for sharing.

1 Like

Hi @kashco , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

https://kashco-interiors.myshopify.com - password is kashco.

Please also let me know how we can add the social media sharing buttons for each product kindly. (Text, whatsapp, facebook, etc)

@kashco

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

@kashco
I am giving you the link to use the app for sharing buttons for each product. Hope it will be helpful for you.

https://apps.shopify.com/embed?utm_campaign=websense-sco

Hi @kashco

TRy this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “theme. Liquid” file. Find the tag and paste the code below before the tag.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

No it messed up

No luck