How can I center the collection list title on my main page?

Store Design
1

Hi, I would like to align the collection list title that’s on my main page to the center. I’m currently using the dawn theme. I appreciate the help!

bbbbbbbbbb.png
bbbbbbbbbb.png1464×904 190 KB

1 Like
2

Hi @Dat999

Would you mind to share your store URL website? with password if its protected. Thanks!

3

Hi! Can you share your store’s URL and enter password please?

4

Hi @Dat999

Thank you for reaching out to the shopify community.

You can try the below code given in your base.css file.

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

Thanks

5

https://spicysneakers.pl/

1 Like
6

https://spicysneakers.pl/

7

Thank you for the information. Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.title-wrapper-with-link.title-wrapper--self-padded-tablet-down.title-wrapper--no-top-margin {
    justify-content: center;
}

Result:

Ribe_Dagandara_0-1691590369530.png
Ribe_Dagandara_0-1691590369530.png1245×366 183 KB

I hope it help.

3 Likes
8

It didn’t change anything unfortunately.

9

Hi @Dat999

Just find the element in base.css file and add justify content property.

@media screen and (min-width: 990px)
.title-wrapper-with-link {
    align-items: center;
    justify-content: center;
}
10

Try this:

.collection-list-title {
    margin: auto;
}
11

That did it! Thanks!

12

Good to hear! Youre welcome.

13

Thank you, I was able to use this code to adjust my title as well. :slightly_smiling_face:

1 Like
14

Good to hear that, it works also in your store.