Centralize Products in Featured Collection

Store Design
, , , ,
1

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
screencapture-testingstoresandthemes-myshopify-2024-10-31-23_34_12.png1920×1975 429 KB

2

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
Abdosamer_0-1730400753016.png1900×966 116 KB

3

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

4

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

.product-card__info {
    margin-left: auto;
    margin-right: auto;
    justify-items: center !important;
}