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 and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. 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