REFRESH THEME: COLLECTION LIST on HOMEPAGE IMAGE

Store Design
, , , ,
1

When I add a “Collection List” on Homepage. There occurs a white space (border) outside image of the collection. Is there any way we can remove it and make sure the image is enlarged to the maximum possible frame?

Screenshot here: https://paste.pics/N3WKW

Can I add some CSS or something to do it?
THANKS

1 Like
2

Hello there,

1.Go to your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2.In the left sidebar, click on “Assets” to open the assets directory.
3.Find the “theme.scss.liquid” file and click on it to open the file for editing.
4.Scroll to the bottom of the file and paste the following CSS code:

.homepage-collections .collection-list-item {
padding: 0;
margin: 0;
}
.homepage-collections .collection-list-item img {
object-fit: cover;
width: 100%;
height: 100%;
}
3

Hello
Again - not able to see this “theme.scss.liquid” under assets - please help.

Its refresh theme 2.0 latest version