Solved

Collection List boxes smaller in Prestige Theme

Ron_Schmidt1
Excursionist
14 1 2

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! 

Accepted Solution (1)
g33kgirl
Shopify Partner
390 109 142

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.

View solution in original post

Replies 6 (6)

UmairA
Shopify Partner
1106 101 225

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

Ron_Schmidt1
Excursionist
14 1 2

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

Ron_Schmidt1
Excursionist
14 1 2

Hopefully that's clear. Thanks

 

g33kgirl
Shopify Partner
390 109 142

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.
Ron_Schmidt1
Excursionist
14 1 2

Thank you g33kgirl!  Appreciate the help.

 

Anderson10
Excursionist
29 0 8

Hi @g33kgirl  - this helped me too - thank you. Is there any way to display two per line on a mobile?

 

Thanks again