Align Center Collection list - Warehouse Theme

Store Design
, , ,
1

Hello guys.

I’ve been developing a store in Warehouse Theme, but i want the collection centered.

As you can see bellow, the Collection List is on top align left, but the correct is center like de session bellow.

Anyone can help? I aprecciate a lot and thanks.

LojaLarBR_0-1675903794691.png
LojaLarBR_0-1675903794691.png1809×804 115 KB

2

Hi @LojaLarBR ,

To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?

Thank you and hope to hear from you.
Best regards,
GemPages Support Team

3

Hi @LojaLarBR ,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

.collection-list:not(.flickity-enabled) {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

Hope it helps!

1 Like
4

Hello @LojaLarBR ,

You can get your collections list centered with a custom code.

Add the below-provided code at the end of your theme.css file.

section[data-section-type=“collection-list”] {

justify-content:

}

Hope it helps. Let us know if you have any further questions.

All the best,

CedCommerce

5

Hi guys, follow store website below:

https://larbr-5317.myshopify.com/admin/themes/143186067744/editor?customCss=true&section=text-with-icons

6

Hi @LojaLarBR ,

Did you check my solution?

7

Hi @LojaLarBR

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Theme.css

.collection-list:not(.flickity-enabled) {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly