Increase font size on footer on Expanse theme

Store Design
,

Topic summary

A user seeks help increasing the footer font size on the Expanse Shopify theme.

Solutions Provided:

Multiple developers offered CSS code snippets with slightly different approaches:

  • Option 1: Add CSS to overrides.css targeting .footer__title (18px) and .site-footer (17px), with separate mobile view adjustments using media queries

  • Option 2: Modify components.css to set footer links and titles to 20px font size

  • Option 3: Insert CSS code into theme.liquid file above the </head> tag

Implementation Steps:

All solutions follow similar paths:

  1. Navigate to Online Store → Themes → Actions → Edit Code
  2. Locate the specified file (overrides.css, components.css, or theme.liquid)
  3. Paste the provided CSS code at the bottom or designated location

Note: Some responses contain corrupted/reversed text, but the core CSS solutions remain intact. The discussion remains open with no confirmation of which solution the original poster implemented.

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

Hi guys,

Am using Expanse theme. My footer content is small, I want to increase the font size. Could someone help me with the coding?

Thanks!

www.hyggehusmobler.se

IMG_6292.jpeg
IMG_6292.jpeg1170×1966 88.5 KB

1 Like
2

Hello @Eze_Paul ,

Here is the code you can try. I hope it might be helpful

Go to the Online Store-> Theme-> Edit code-> Assets> overrides.css → Add code at the bottom.

.footer__title {
	font-size: 18px;
	line-height: normal;
}
.site-footer {
	font-size: 17px;
	line-height: normal;
}

And this for Mobile view :
Go to the Online Store-> Theme-> Edit code-> Assets> components.css → Add code at the bottom.

@media only screen and (max-width:768px){
.footer__title {
	font-size: 18px;
	line-height: normal;
}
.site-footer {
	font-size: 17px;
	line-height: normal;
}
}
1 Like
3

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > components.css and paste this at the bottom of the file:
.site-footer a {
    font-size: 20px;
}
h2.footer__title {
    font-size: 20px;
}
.footer__title {
    font-size: 20px;
}

ZestardTech_0-1709705915873.png
ZestardTech_0-1709705915873.png1333×447 21.5 KB

1 Like
4

Hi @Eze_Paul

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly

1 Like