Centralize Products in Featured Collection

Centralize Products in Featured Collection

technase
Shopify Partner
219 2 53

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

 

screencapture-testingstoresandthemes-myshopify-2024-10-31-23_34_12.png

technase
Replies 3 (3)

Abdosamer
Shopify Partner
1040 188 225

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 :

Abdosamer_0-1730400753016.png

 


 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
technase
Shopify Partner
219 2 53

Hey, thank you for the input but it doesn't centralize the content 

technase
Abdosamer
Shopify Partner
1040 188 225

@technase , go to theme.css and add the following code:

.product-card__info {
    margin-left: auto;
    margin-right: auto;
    justify-items: center !important;
}
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work