Align centre collection list title homepage - Dawn Theme

Store Design

Topic summary

A user seeks CSS code to center-align the collection list title “Explore our skincare collection” on their homepage (organicmelody.com.au) using the Dawn theme.

Three solutions were provided:

  1. Mustafa_Ali: Add CSS code in theme.liquid before the closing </body> tag (specific code not visible in transcript)

  2. Moeed: Insert markup code in theme.liquid above the </body> tag, with a visual result showing centered alignment

  3. Rahul_dhiman: Add CSS to base.css file:

.title-wrapper-with-link {
  display: flex;
  justify-content: center;
}

All respondents included screenshots demonstrating their solutions and requested the user mark helpful answers as accepted solutions. The discussion remains open with multiple viable approaches offered.

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

Hi Guys,

Just wondering if anyone had some code to align centre the collection list title on my homepage ‘Explore our skincare collection’.

url - organicmelody.com.au

centre collection title.png
centre collection title.png1517×650 148 KB

2 Likes
2

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
before the body ----->
if this code work please do not forget to like and mark it solution

Mustafa_Ali_0-1745902891923.png
Mustafa_Ali_0-1745902891923.png1258×505 362 KB

3

Hey @jackthomasp

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-1745902924469.png
Moeed_0-1745902924469.png1244×914 175 KB

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

Best Regards,
Moeed

1 Like
4

Hello @jackthomasp

Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

.title-wrapper-with-link {
display: flex;
justify-content: center;
}

result

5 .png
5 .png1347×185 63 KB

If this was helpful, hit the like button and accept the solution.
Thanks

1 Like