This is a Dawn theme. How do I centre the section text on home page? It seems to come default with left alignment.
See screenshot below. The word “Collections”. How do I center it? Thanks a lot
Topic summary
Centering the Dawn theme’s section title on the home page, specifically the “Collections” heading, which defaults to left alignment.
Key steps provided:
- Access Online Store > Theme > Edit code, then open Assets > section-multicolumn.css.
- Add a CSS rule targeting “.multicolumn .title-wrapper-with-link” to set “justify-content: center” (Flexbox property to center content horizontally).
Outcome:
- The above change successfully centered the home page section title.
- For broader application (e.g., collection pages), also update template-collection.css with a rule for “.collection .title-wrapper-with-link” using “justify-content: center.”
Notes:
- A store URL and password were shared to enable assistance.
- A screenshot illustrated the alignment issue; the fix relied on CSS edits rather than theme settings.
Status:
- Resolved. Concrete CSS changes provided and confirmed to work; no further open questions.
Hi @cheryl14 ,
Please share your store URL and if your store is password protected then please provide password too.
So that we can help you.
Thank you.
Hi @cheryl14 ,
You can follow the instruction below:
- Go to Online Store->Theme->Edit code
- Asset->/section-multicolumn.css>paste below code at the bottom of the file:
.multicolumn .title-wrapper-with-link {
justify-content: center;
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
1 Like
Thank you! This solved my problem!
For other’s reference, to make the entire page section to be centred, we probably need to look into other section as well such as the
template-collection.css
and add the following
.collection .title-wrapper-with-link {
justify-content: center;
}
1 Like