Changes in the collection

[Verler]

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]

@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! 

[Verler]

Hi, 

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

[dmwwebartisan]

@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.

[Verler]

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]

@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.

[Verler]

Hi, 

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

[dmwwebartisan · 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!

[Verler]

Thank you so much! Have a nice day