Prestige Theme: Size & width of collection images

Hello,

I have this annoying issue, that I really hope you guys can help me with. I have been trying on my own for ages, but I can’t seem to get it to work.

When I open my website on screens with high resolution, then the images on the collection page looks huge, which doesn’t look pretty.
Therefore I would like to set a max width on the collection images + text underneath, but nothing else on the page.

When the website is opened on a higher resolution screen, then i would just like a larger margin on the sites, rather than the images getting bigger.
I have attached an image of what I have in mind:

The text size should remain the same, it’s just the size of the images i would like to change - and to be able to set a max width of the row of 4 pics.

Hoping one of you can do a little magic and help me out!

www.cutegeek.dk
Password: Maria1234

1 Like

@CuteGeek

Right-click disable on your store, so couldn’t inspect your website for the solution. Could you please enable it?

@dmwwebartisan I forgot about that, should be gone now :slightly_smiling_face:

1 Like

Hello There,

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

.CollectionMain .CollectionInner .CollectionInner__Products {
max-width: 1200px;
margin: 0 auto;
}
div#shopify-section-featured-collections section.Section.Section--spacingNormal {
max-width: 1200px;
margin: 0 auto;
}
1 Like

@ZestardTech Thank you, works perfectly.

1 Like

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.

1 Like