Please use this code and check again.
.section-footer .section-footer__title { font-family: 'Peaches'; }
Topic summary
-
Issue: In a Shopify Symmetry theme, a custom font (“Peaches”) applied sitewide via an app wasn’t affecting footer headings. The user tried adding @font-face and setting h6 { font-family: ‘Peaches’ } in the Footer’s Custom CSS, but it had no effect.
-
Key detail: Footer headings in this theme don’t use generic h6 styling; they rely on specific classes, so the initial selector lacked the necessary specificity.
-
Solution: Use the theme-specific selector to override the footer heading style: .section-footer .section-footer__title { font-family: ‘Peaches’; }. This directly targets the footer title element used by Symmetry.
-
Outcome: The user confirmed the CSS fix worked. The issue is resolved; no further actions or open questions. The provided CSS snippet is central to the resolution.
1 Like