How can i align collection list title to middle?

Store Design

Topic summary

A user encountered an issue where collection list titles on their homepage wouldn’t center align despite adding text-align: center; to custom CSS.

Solution provided:

  • Navigate to Online Store → Edit Code → theme.liquid file
  • Insert custom CSS code above the </body> tag
  • The code targets collection list titles and applies center alignment

Outcome:
The solution successfully resolved the alignment issue. The user confirmed it worked perfectly, and the thread was marked as solved.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

Hi!
For some reason, i cannot align the title of the collection list to the middle on my homepage.

Ive tried the code

{
text-align: center;
}

in custom CSS

and unfortunately it didn’t do anything.
Is there any way to fix this?

Thanks in advance

1 Like
2

Hey @crescenthu

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1750941195895.png
Moeed_0-1750941195895.png1192×477 48.2 KB

If I managed to help then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Thank you, perfect!

4

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.