Centralize Products in Featured Collection

Centralize Products in Featured Collection

technase
Shopify Partner
183 1 43

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
917 171 191

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
183 1 43

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

technase
Abdosamer
Shopify Partner
917 171 191

@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