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.

Sisu_TheBrand
Visitor
3 0 0

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.

Replies 4 (4)

Darshanp712
Shopify Partner
137 21 16

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
Visitor
3 0 0

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

Dan-From-Ryviu
Shopify Partner
8435 1660 1675

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>

Screenshot 2024-06-13 at 14.46.27.png

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

Sisu_TheBrand
Visitor
3 0 0

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?