Hi there,
Wondering how to reduce font size in footer links in the Dawn template.
Would also like to have the “Subscribe” in Newsletter Signup match the links font size.
Topic summary
Goal: decrease footer link font size in the Shopify Dawn theme and match the Newsletter “Subscribe” label size.
-
Solution provided: add CSS rules in section-footer.css. One targets footer links (.footer-block__details-content .list-menu__item–link) to set font-size. Another targets the Newsletter label (label.field__label) to set font-size, center text, and adjust top margin.
-
Result: these changes worked for the original request.
-
Follow-up: a participant asks how to change font sizes for all footer elements (links, contacts, social media, headings, descriptions) and where to add the code (CSS file vs footer.liquid). A screenshot was shared to show the areas in question.
-
Status: initial issue resolved; broader question about applying font changes across the footer and the correct file location remains unanswered/ongoing.
-
Notes: CSS (Cascading Style Sheets) controls styling; selectors (like the ones above) target specific elements; section-footer.css is the theme’s footer stylesheet.
.footer-block__details-content .list-menu__item--link {
font-size: 18px !important;
}
Add this code on the section-footer.css
you can add the font size which you want.
thank you
2 Likes
Lovely, thx @Zworthkey . How can I match the “Subscribe” font in the footer to the size of the footer links?
label.field__label {
font-size: 12px !important;
text-align: center;
margin-top: 4px !important;
}
Add this also.
1 Like
thx @Zworthkey that worked!
