Limiting the size of a product card for a collection display in the Prestige theme.

Sisu_TheBrand · ‎06-13-2024

I only have two products per line in my collection for display, which I want to keep to, but I don't want the desktop or full-screen view to then make the products huge and not completely viewable on screen. Should/could I add margins to the custom CSS just for that section in the editor to stop that from happening, or CSS to limit the size of the images? I don't want to add CSS to the backend unless it's absolutely necessary.

Darshanp712 · ‎06-13-2024

Hello @Sisu_TheBrand, Please share your store preview URL and password.
So that I will check and let you know the exact solution here.

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution.

Sisu_TheBrand · ‎06-13-2024

Hi! One of the pages I'm looking at is: https://sisu-thebrand.com/pages/dresses

Dan-From-Ryviu · ‎06-13-2024

Hi @Sisu_TheBrand

You can do that by adding this code to theme.liquid file, after <head> in Online Store > Themes > click "..." > Edit code in your Prestige theme

<style>
#shopify-section-template--17795495428320__featured_collections_kjgdwX .featured-collections-carousel__item { max-width: 660px; margin: 0 auto; }
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Sisu_TheBrand · ‎06-13-2024

Thank you Dan! Two follow-ups if you don't mind:

1. Would that go in "theme.liquid"?

2. Is it possible to make this addition/edit on the Custom CSS on the front end of the theme builder?

Limiting the size of a product card for a collection display in the Prestige theme.

Limiting the size of a product card for a collection display in the Prestige theme.

Community Blog Articles