How to make titles of featured collection blocks centered

Store Design
1

Hello,

On my store

www.littlelullabuy.com I would like to make the titles or collection titles of the featured collection blocks centered, instead off off center to the left.

You can see it above every featured collection, and It doesn’t look pleasing to me. I’d like to fix this somehow in the code if possible.

Thank you

2

@Ctmph2022 - add this css to the very end of your base.css file and check

.collection__title h2.title.h1 {text-align: center;}
.collection-list-title {margin: 0 auto;}
3

It didn’t work, the titles of my collection groups above the list of my collections are still off to the left, not centered. If you go to my website www.littlelullabuy.com you can see where it says “shop by collections” and every other one still off to the left and not centered. Thank you

4

@Ctmph2022 - add !important to it and it will work, so code becomes

.collection__title h2.title.h1 {text-align: center !important;}
.collection-list-title {margin: 0 auto !important;}
5

Okay, so, the featured collections sections are fixed like that but if you look on the website link the other featured sections titles are still off centered, how do I fix that since that new code didn’t do those ones?

6

@Ctmph2022 - add this and check

.collection__title .title {text-align: center !important;}