Hi there,
Sorry that didn’t work.
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.
