How can I change the size and case of footer link text?

Technical Q&A
,

Topic summary

A user needed to modify footer link styling in their Shopify theme, specifically wanting to:

  • Reduce text size under menu headings (HELP, MORE, SOCIALS)
  • Transform text from sentence case to uppercase

The solution involved adding custom CSS code to the theme.liquid file, placed above the closing </body> tag. The CSS targets footer menu links with properties for font-size and text-transform.

The issue was successfully resolved with this approach. The discussion includes a screenshot showing the current footer appearance before the changes were applied.

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

Hi all,

I am having difficulty changing the sizing of text in my footer. I want to reduce the size of the text under my menu items e.g. the text under ‘HELP, MORE, SOCIALS’. I am also wanting to transform this text from sentence case into upper case.

This is what it currently looks like:

Screen Shot 2023-10-01 at 6.06.05 pm.png
Screen Shot 2023-10-01 at 6.06.05 pm.png2050×522 46.4 KB

Any help is appreciated!

Site URL: https://768950-4.myshopify.com/

2

Hey @byneilvernon

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1696146835206.png
Moeed_0-1696146835206.png1736×264 4.78 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Brilliant! This worked - thankyou so much

4

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.