Shopify themes, liquid, logos, and UX
Hi, I am trying to center this collection section title on my Dawn theme Shopify site.
I have tried adding the code:
.collection-list-title{
text-align: center;
}
But I also already have this code in the CSS to center the collection name text underneath the images:
.card__heading {
text-align: center;
}
The bottom code works for its purpose, but I can't get the first code for the H1 to work. Can someone help?
I am also unsure how to add multiple codes together in the CSS section. Would I just have to add them underneath each other like this?:
.collection-list-title{
text-align: center;
}
.card__heading {
text-align: center;
}
I am a complete newbie to this, so please keep that in mind while explaining, haha.
Solved! Go to the solution
This is an accepted solution.
remove this
.collection-list-title{
text-align: center;
}
.card__heading {
text-align: center;
}
And put
.title-wrapper-with-link {
justify-content: center
}
Yes, you're doing it right just stack the CSS blocks one after another like that,
and if .collection-list-title isn't working, try targeting the correct element
or use
.collection-list-title { text-align: center !important; }
Thank you for confirming regarding stacking! Even with the "important", it doesn't seem to work. Not sure what to do.
It would be good to provide Store link | if in development then link + password to view page for further debug or theme name ..
Thank you.
It is "x" and pw is "x"
Add this in last line base.css
.title-wrapper-with-link {
justify-content: center
}
There is setting already may available, Though this method is not recommended.
Sorry, how? After this?:
.collection-list-title{
text-align: center;
}
.card__heading {
text-align: center;
}
This is an accepted solution.
remove this
.collection-list-title{
text-align: center;
}
.card__heading {
text-align: center;
}
And put
.title-wrapper-with-link {
justify-content: center
}
This works, although I still had to add the one for the cards. The final solution was:
.card__heading {
text-align: center;
}
.title-wrapper-with-link {
justify-content: center;
}
Thank you for your help, much appreciated!
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025