make featured collection full width

[bluewaterstudio]

Hi, I would like to make all featured collections on both mobile and desktop to be full width with no gaps between the products , pics are attached to show what is now and what i would like. 

URL: 

https://backroads.store/

[bluewaterstudio]

cant attach a screenshot for some reason, this is what we need it to look like, no gaps between products and full width on mobile and desktop.

[Dan-From-Ryviu]

Hi @bluewaterstudio 

Please add this code to Custom CSS of that section. 

.grid { column-gap: 0 !important; }

[bluewaterstudio]

Hi Dan, thank you so much for your fast response!! it really is appreciated. so that code has cleared up the gap but there is still gaps either side of the products, is there some additional code i could use to make the images full width? thanks!

[Dan-From-Ryviu]

Please add this code to Custom CSS. 

.slider-component { padding: 0 !important; }
.grid__item { max-width: 25% !important; }

[bluewaterstudio]

hi @Dan-From-Ryviu  thanks so much for your reply, that code isn't working for me unfortunately, it says the .slider portion isn't found and the .grid item portion just makes everything tiny. I would like to make the product photos full width so that it is 2 photos per line

(mobile), each taking up half the width of the screen with no space on the sides. 

thanks again for your help!

[Dan-From-Ryviu]

My mistake. Please update the last code 

slider-component { padding: 0 !important; }
.grid__item { max-width: 25% !important; }

[bluewaterstudio]

@Dan-From-Ryviu  you have just made my day! thank you so much dan, really appreciate it!

[Dan-From-Ryviu]

You are very welcome!