How do I center the Collection List images with Impulse theme?

Store Design
, ,
1

I am displaying nine collections on my home page, with 5 on one line and 4 on the next. The images for those collections are left aligned - how do I change that to have them be centered?

Screen Shot 2023-07-23 at 4.36.38 PM.png
Screen Shot 2023-07-23 at 4.36.38 PM.png2610×1274 221 KB

2

Hello,

Please share your website url

3

Hello @scandesign ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file (or theme.scss.liquid file)

Add this following code at the bottom of page

.collection-container {
  display: flex;
  justify-content: center;
}

.collection-item {
  margin: 0 10px;
}

Save and preview

Hope this can help.

Transcy

4

Nope, that didn’t change anything.

5

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

6

Hi @scandesign

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

.collection-container {display: flex; justify-content: center;}

Regards,

San

7

Nope, that also did not fix it.