Solved

Increase font size on footer on Expanse theme

Eze_Paul
Excursionist
37 0 8

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

Accepted Solution (1)

oscprofessional
Shopify Partner
15843 2371 3073

This is an 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;
}
}

 

 

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 3 (3)

oscprofessional
Shopify Partner
15843 2371 3073

This is an 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;
}
}

 

 

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

ZestardTech
Shopify Expert
5393 971 1293

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

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

PageFly-Richard
Shopify Partner
4206 951 1599

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.