Just need a hand with the Dawn theme. The footer headings are centre aligned and I’d like them left aligned. Also, the font colour looks semi-transparent? Can I make it a solid white?
Topic summary
A user seeks to left-align footer headings in Shopify’s Dawn theme, which are center-aligned by default.
Solution Provided:
Add CSS code to the section-footer.css file:
.footer-block__heading { text-align: left; }
Implementation Steps:
- Navigate to Online Store → Theme → Edit code
- Open Asset → section-footer.css
- Paste the code at the bottom of the file
Initial attempt failed due to incorrect code placement, but after correction, the solution worked successfully.
Follow-up Issue:
Another user reports a conflict—they want footer headings left-aligned while keeping other section headings center-aligned. Their existing CSS in base.css (.page-width h2 { text-align: center !important; }) overrides the footer-specific code.
The discussion remains open regarding how to maintain different alignments for footer versus other section headings when conflicting CSS rules exist.
Hello,
The Dawn theme I am building isn’t currently live. The website that is up at the moment is debut theme and I am transferring over to Dawn.
1 Like
can you please show me current theme url please
This is the URL I was able to find for the dawn theme I am talking about.
https://t8s834q1c3hf15ou-43786535076.shopifypreview.com
Otherwise, this is the current theme:
1 Like
yes, please add this code
- Go to Online Store->Theme->Edit code
- Asset->/section-footer.css ->paste below code at the bottom of the file.
.footer-block__heading {text-align: left;}
1 Like
Is there another spot I should paste the code or something else I can try?
1 Like
oh sorry your have added code wrong place
please check my details again
1 Like
Silly me! So sorry. Thank you it works perfectly.
Dear KetanKumar,
I want to also left-align my footer headings and this works fine.
BUT I also want the headings on the other sections to be center-aligned and I am using the following code which overwrites your code. IS there any way where I can have footer headings left-aligned whilst other headings center-aligned?
I added this code to base.css
.page-width h2 {
text-align: center!important;
display: block!important;
width: 100%;
}