Solved

How To Horizontally Center My Featured Collection Images? (Dawn)

milkandcookies
Tourist
357 0 41

Hi,

How can I horizontally center my featured collection images so that there is equal space on the left and ride ends of the page? 

milkandcookies_0-1707369325333.png

 

My current code is

.card--card.gradient, .card__inner.gradient {
max-width: 250px;
height: 250px;
}

 

https://d10cbe-2.myshopify.com/products/signature-25-pack-pop-box

thanks in advance!

Accepted Solution (1)

Emirates7
Shopify Partner
197 44 47

This is an accepted solution.

Hi Milkaandcookies,

 

Go to Online Stores -> Themes -> Customize -> Theme Settings -> Custom CSS and add below code:

 

.card--card, .card--standard .card__inner {
margin: auto !important;
}

 

1.png

 

Regards,

Emirates7

View solution in original post

Reply 1 (1)

Emirates7
Shopify Partner
197 44 47

This is an accepted solution.

Hi Milkaandcookies,

 

Go to Online Stores -> Themes -> Customize -> Theme Settings -> Custom CSS and add below code:

 

.card--card, .card--standard .card__inner {
margin: auto !important;
}

 

1.png

 

Regards,

Emirates7