Multiple issues with spacing in Dawn theme, can anyone help?

Technical Q&A
, , , ,

Topic summary

A user is experiencing spacing and alignment issues in the Dawn theme, specifically with titles not centering properly in Collection List, Blog Feed, and Multi Column sections, plus footer spacing problems.

Issues identified:

  • Multiple section titles not centered
  • Footer layout needs restructuring
  • Previous code attempts haven’t resolved the problems

Solutions provided:

Two community members offered CSS fixes:

  1. Quick fix: Add CSS to theme.liquid file targeting .title-wrapper-with-link with justify-content: center !important;

  2. Targeted approach: Add specific CSS rules to base.css or theme.css for each section (.collection-list, .blog, .multicolumn) using text-align: center;

The user confirmed both solutions worked and thanked the contributors. The discussion appears resolved with working code implementations provided.

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

Hi all,

I’m having multiple problems with spacing in Dawn, mostly with titles not being centered. :head_shaking_vertically:

I’ve been slowly working through the code trying to fix them, and have managed to sort a few things here and there but I can’t figure out the rest. It seems everything I try doesn’t change anything on the live side.

Store https://sqz94a-yg.myshopify.com/

Password: maugew

Can anyone help with the code for these specific sections?

  • Collection List title to the centre.
  • Blog Feed title to centre.
  • Multi Column title to the centre.
  • Footer spacing is just…??

How I would like the footer to look:

dld footer layout i want
dld footer layout i want1099×393 42.3 KB

Aany help would be appreciated. Many thanks in advance!

1 Like
2

Hey @marshymoo88

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 </ body> tag
<style>
.title-wrapper-with-link {
    justify-content: center !important;
}
</style>

RESULT:

image
image1115×425 108 KB

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

1 Like
3

Hi @marshymoo88 ,
Go to Online Store > Themes > Dawn > Edit code, open
assets/base.css or theme.css
at the bottom add this

.collection-list .title-wrapper-with-link {
  text-align: center;
}
.blog .title-wrapper-with-link {
  text-align: center;
}
.multicolumn .title-wrapper-with-link {
  text-align: center;
}

Save and refresh preview

Thanks
Manoj

1 Like
4

Thank you so much! Really appreciate the help :grinning_face:

5

Thanks, i really appreciate the help with this

1 Like
6

Hi @marshymoo88 ,
My pleasure.

Best
Manoj