Changes in the collection

Solved
Verler
Tourist
5 0 4

Hi, 

 

I would like to adjust the sizing of the pictures in my collection and make the it full width. There is also a lot of spacing I would like to minimize. Can someone help me? 

 

This is my inspiration https://spellcases.com/. My website is https://simplesundayshop.com/

dmwwebartisan
Shopify Partner
4518 1015 1303

@Verler 

Please add the following code at the bottom of your assets/theme.scss.liquid or theme.css file.

.page-width {max-width: 100% !important;}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Verler
Tourist
5 0 4

Hi, 

 

Thank you, but it did not work. It just removed the collections..? 

0 Likes
dmwwebartisan
Shopify Partner
4518 1015 1303

@Verler 

No, It won't remove the collection. Can you please provide a screenshot?

I think you are talking about product images that are home page, right?

2 collections are showing in home page.

Let me know.

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Verler
Tourist
5 0 4

Oh, maybe it just needed some time to adjust. Thank you, it is working now!

Can you also help me reduce the padding a bit?

dmwwebartisan
Shopify Partner
4518 1015 1303

@Verler 

Please adjust and give me a screenshot because I don't know where you looking to reduce padding. so If you will give me a screenshot it will helpful.

Please point out in the screenshot which padding you would like to remove.

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Verler
Tourist
5 0 4

Hi, 

 

The padding over the news, between the news and bestsellers, and under the bestsellers.

 

Screen Shot 2021-02-23 at 10.24.29.pngScreen Shot 2021-02-23 at 10.24.35.pngScreen Shot 2021-02-23 at 10.25.03.png

dmwwebartisan
Shopify Partner
4518 1015 1303

This is an accepted solution.

@Verler 

Please add this code to remove the gap.

@media only screen and (min-width: 750px){
.featured-collection {padding: 0px 0 !important;}
.collection-list {padding: 40px 0px 0px 0px !important;}
}

 

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Verler
Tourist
5 0 4

Thank you so much! Have a nice day