Collection List boxes smaller in Prestige Theme

Solved
Ron_Schmidt1
Tourist
11 0 1

I have six collections in the collection list section of my homepage. The size of the images are too big even on it's smallest setting.  Is there a way to make them smaller?  Thank you so much! 

UmairA
Shopify Partner
872 85 173

Hey there @Ron_Schmidt1,

Can you please include the URL of your store? I'll take a look for you before I can offer any solution/guidance. Thanks

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
0 Likes
Ron_Schmidt1
Tourist
11 0 1

Thanks for the help!  The collection list isn't live on the site but here is a screen shot.  I would like to make those boxes small, maybe 4 across.   

 

 

Screen Shot 2021-04-29 at 5.24.24 PM.jpg

0 Likes
Ron_Schmidt1
Tourist
11 0 1

Hopefully that's clear. Thanks

 

0 Likes
g33kgirl
Shopify Partner
223 59 71

This is an accepted solution.

@Ron_Schmidt1, in order to show 4 elements in a row, add this at the end of your CSS file (Themes -> Edit code -> Assets -> theme.css) :

@media screen and (min-width: 1140px) {
    .CollectionItem {
        min-width: 25%;
    }
}

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
Ron_Schmidt1
Tourist
11 0 1

Thank you g33kgirl!  Appreciate the help.

 

0 Likes