Adjust Whitespace/Padding On The Left And Right Side Of Product Images In broadcast Theme.

[sulmanbutt]

How can I adjust the padding left and right of a product image in shopify broadcast theme?

This is my website URL https://starnstone.com/ 

[PageFly-Richard]

Hi @sulmanbutt 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
div#shopify-section-template--21600226836788__dca3f0ea-e249-4a5f-a7ff-4e4405d321af .product-grid-outer {
padding: 0 20px;
}
</style>

You can change the value of 20px to have different padding size on left/right

Hope this can help you solve the issue 

Best regards,

Richard | PageFly

[sulmanbutt]

The padding is still not working.
My goal is to build a collection page like this. No gap between products. can you please help me? Thanks 

[PageFly-Richard]

@sulmanbutt I think you have achieved your desired design.

Let me know if you have any questions