Increase font size on footer on Expanse theme

[Eze_Paul]

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

[oscprofessional · Accepted solution]

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;
}
}

[ZestardTech]

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;
}

[PageFly-Richard]

Hi @Eze_Paul 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> 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 </head>

<style>
@media screen and (max-width: 767px) {
.footer__title {
	font-size: 20px;
}
.site-footer {
	font-size: 18px;
}
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly