Add space between product images in Broadcast Theme

Highlighted
New Member
5 0 0

Hello there,

I am really happy with the Broadcast theme but I would like to add some space between the images on my product pages. Does anyone know how to do that? I want to do something similar to this.

Thanks, Morgan

2020-06-13_15-56-16.png

0 Likes
Highlighted
Shopify Partner
4801 710 1516

Hello, @mjoel10 


Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
5 0 0
0 Likes
Highlighted
Excursionist
177 45 53

HI, @mjoel10 

Thanks for the post.
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product-item {
    padding: 10px;
    border: none;
    background: transparent;
}
.product-grid {
    padding: 0 10px;
}
If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
New Member
5 0 0

Worked perfect, thank you!

0 Likes
Highlighted
Excursionist
177 45 53

@mjoel10 

Thanks for the update :)

If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
New Member
5 0 0

@Vikas_Chovatiya How do I get rid of the large white gap between the image on my homepage and the footer? https://motion-spply.myshopify.com/

0 Likes
Highlighted
Shopify Partner
4801 710 1516

@mjoel10 

it's dynamic height on you theme code footer alwasy bottom of the page code fi you don't like this aso please add below code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.container {
    min-height: 100% !important;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes