Change footer text size

Store Design
, , ,

Topic summary

A Shopify store owner using the Dawn theme wants to reduce footer text size and adjust spacing to match a reference image.

Solutions Provided:

  • Tech_Coding suggested adding CSS code to theme.liquid before the </body> tag, targeting footer headings and list content with specific font sizes (14px and 10px) for screens wider than 990px.

  • topnewyork recommended adding CSS to theme.css or base.css files, providing code to adjust footer block headings (14px) and menu list items (12px).

Current Status:

The original poster confirmed one solution worked and requested additional help matching the spacing shown in their reference image. The discussion appears ongoing as they seek to fully replicate their desired footer layout.

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

Hi, i want to change the size of the text in my footer.

From this:

22222.png
22222.png1898×502 14.5 KB

To this:

11111111.png
11111111.png1900×279 15.2 KB

I’m using the dawn theme. My url is: https://t71vm9-qa.myshopify.com/

Best regards

2

Hello @Anonymous

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (min-width: 990px) { .footer-block__heading { font-size: 14px !important; } ul.footer-block__details-content.list-unstyled li a { font-size: 10px !important; } }

Tech_Coding_0-1732617744595.png
Tech_Coding_0-1732617744595.png1251×325 10.4 KB

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

1 Like
3

Thank you. Is it possible to have the same space like in the second picture like here:

11111111.png
11111111.png1900×279 28.4 KB

4

Hello, @Tech_Coding

  1. Go to Online Store
  2. Edit Code
  3. Find theme.css/base.css file
  4. Add the following code in the bottom
a.link.link--text.list-menu__item.list-menu__item--link {
    font-size: 12px !important;
}

h2.footer-block__heading.inline-richtext {
    font-size: 14px !important;
}

Thanks!

1 Like
5

Thank you!