How do I reduce the text size in the footer?

Technical Q&A
, , , ,

Topic summary

A user seeks help reducing the font size of footer headings on their website. They provide a screenshot showing the element in question.

Solution provided:

  • Navigate to: Online Store → Themes → Edit code
  • Locate the theme.scss.css file
  • Add CSS code at the end of the file targeting .site-footer .site-footer__section-title with font-size: 20px;

The original poster confirms the solution worked by thanking the responder. The issue appears resolved through this CSS customization approach.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
1

Hello,

How do I reduce the text size of this heading in the footer?

Fayed_0-1709009239091.png
Fayed_0-1709009239091.png1756×367 25.6 KB

Website link> https://ayabaya.be/

2

Hi @Fayed ,

If you want to reduce the size of your headings in the footer, please follow the steps below:

Step 1: Navigate to Online Store → Themes → Edit code.

Step 2: Search for the theme.scss.css file. At the end of the file, paste the following code:

.site-footer .site-footer__section-title {
    font-size: 20px;
}
1 Like
3

Thanks for your help