Solved

I need Full width product images

MarcusGoku
Excursionist
17 0 7

Hi please can someone give me the correct code to make my product images full width like the below site, I am using the Dawn theme 

 

https://www.picante.shop/ 

Accepted Solution (1)
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@MarcusGoku 

yes please try this code

.product-grid.negative-margin--small {
    margin-left: 0px;
}
.product-grid .grid__item {
    padding-left: 0px;
}
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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 12 (12)

MarcusGoku
Excursionist
17 0 7
KetanKumar
Shopify Partner
36839 3635 11972

@MarcusGoku 

yes, please share your store url so i will check and 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 bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
36839 3635 11972

@MarcusGoku 

thanks for url can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/template-collection.css ->paste below code at the bottom of the file.

.collection.page-width {
    padding: 0;
}

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
MarcusGoku
Excursionist
17 0 7
Thanks, is there any way you can remove the white gap between the pictures?

[image: Screenshot 2021-11-17 at 13.41.35.png]
KetanKumar
Shopify Partner
36839 3635 11972

@MarcusGoku 

sorry i can't see your attachment 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
MarcusGoku
Excursionist
17 0 7

Here it is 

 

Screenshot 2021-11-17 at 15.22.27.png

MarcusGoku
Excursionist
17 0 7
MarcusGoku
Excursionist
17 0 7

@KetanKumar Can you help me remove the white gaps between images? This is the template-collection.css 

 

Screenshot 2021-11-17 at 15.22.27.png

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@MarcusGoku 

yes please try this code

.product-grid.negative-margin--small {
    margin-left: 0px;
}
.product-grid .grid__item {
    padding-left: 0px;
}
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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
MarcusGoku
Excursionist
17 0 7

And would you be able to make it so the product image and the logo are to the far left of the screen (no white gap on the left) Thank youScreenshot 2021-11-17 at 15.23.42.png

KetanKumar
Shopify Partner
36839 3635 11972

@MarcusGoku 

yes please try this code

.product-section section.page-width {
    padding: 0px;
}
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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing