Collection List on ...
 
Notifications
Clear all

Collection List on Home Page

2 Posts
2 Users
0 Reactions
995 Views
(@kevintang)
Active Member
Joined: 4 years ago
Posts: 6
Topic starter  

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


   
Quote
plaktheme
(@plaktheme)
Reputable Member
Joined: 5 years ago
Posts: 0
 

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

Katrine | Technical support at Plak, Scrowp & Vantout
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as a Solved Solution


   
ReplyQuote
Share:

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