Hi Katherine/Jasmine,
When trying to add Collection list section on the home page, I noticed that the image has a grey empty space next to it. How to remove that empty space?
Thank you.
Regards,
Kevin
Hi @kevintang
Katrine from Plak support here,
The grey background is used when the image doesn't fit the container, to make the images looks aligned.
In order to change the color and make the collection images to fit the container, please follow these steps :
- From your Shopify admin, click Online store > Action > Edit code
- Open the file theme.scss.liquid
- Locate this code
.box {
background: no-repeat;
background-color: #f7f7f7;
background-size: contain;
}
- Change it to :
.box {
background: no-repeat;
background-size: cover;
}
- Click Save
Let me know if you have other questions
Kind regards,
Katrine
Welcome to the Shopify Forum Community provided by Plak ThemeLLC, a place where you can discuss about eCommerce and Shopify, solve technical issues, get help with Shopify Design, Apps integration, Marketing, Facebooks ad, Google ads and more.
Before posting, we invite you to read and follow the forum rules | We also support any questions related to Free Shopify themes :Dawn, Express, Minimal, Brooklyn, Narrative, Supply, Debut, Venture, Boundless and Simple