Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi,
I need help to center the products in the featured collection and place them within the red box as shown in the image below. The products should sit directly below the text with similar spacing on the left and right.
I would like this to be applied this only to this featured collection, not to all collection pages
Link: https://testingstoresandthemes.myshopify.com/
store password: 12345
Hi @technase , go to theme.css file and add the following code at the end of it :
scroll-carousel#scroll-area-template--18601482551541__featured-collection product-list.product-list {
justify-content: center !important;
}
Result :
Hey, thank you for the input but it doesn't centralize the content
@technase , go to theme.css and add the following code:
.product-card__info {
margin-left: auto;
margin-right: auto;
justify-items: center !important;
}