How to change font and size of footer heading

[CptJack93]

Hi team,

I would like to change the font, size and colour of the heading in footer menu section. I tried to change it through edit theme but it change my whole website while I only want to change the footer.

Can someone please guide me how to do it.

Thanks

[KetanKumar · Accepted solution]

@CptJack93 

can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 750px) {
.site-footer .h4, .site-footer h4 {
font-size: 20px; /* change size  as you like */
}
}

[KetanKumar]

@CptJack93 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[CptJack93]

Hi Ketan,

This is the url of my website: https://theuglysocks.co.nz

Thank you so much

[KetanKumar · Accepted solution]

@CptJack93 

can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 750px) {
.site-footer .h4, .site-footer h4 {
font-size: 20px; /* change size  as you like */
}
}

[CptJack93]

Thank you so much, it's work. Is it possible to change the colour as well please!

[Zworthkey · Accepted solution]

Hii, @CptJack93 
paste this code on top of the theme.scss file.

.site-footer__item-inner.site-footer__item-inner--link_list .h4 {
    color: black !important;
}

Thank you.

[KetanKumar]

@CptJack93 

its my pleasure to help us 

[justoatl]

Hello, I don't have theme.css on my store, I only have theme-editor.js 

How would I make the font changes and the changes that you've mentioned?

[KetanKumar]

@justoatl 

oh sorry for that issue can you please send store url so i will check and let you know 

[justoatl]

Hello, please see the following: https://powerplaycosmetics.com/

[KetanKumar]

@justoatl 

great Thanks for url but how can i check bcz your store password protect

[justoatl]

It has now been unlocked! Please advise

[DejanP]

Hi. I tried this codes, but it didn't work. I have the Focal theme. Is there anything else I can do? 

[KetanKumar]

@DejanP @justoatl 
can you please share your store url so i will check and update you

[DejanP]

shopify.com/store/11ca38/themes

[KetanKumar]

@DejanP 

Thanks for update but sorry that is not current url can you please check again 

[KetanKumar]

@DejanP 

oh sorry for late reply can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.footer__item-title {font-size: 18px;}

See Result:

[DejanP]

It works, thank you so much. 

[KetanKumar]

@DejanP 

its my pleasure to help us 

[ESK315]

I am having a similar issue with trying to change the font size in the footer.  When I go to Assets I do not have theme.css .  I am using the Dawn theme. 

Also I would like to be able to center text, the email subscribe button and social media icons in the footer too.

My url is https://www.modalovejewelry.com

[KetanKumar]

@ESK315 

oh sorry for that issue 

can you please share issue image bcz i can't menu item in footer please show me what do you want

[LondonLetters]

Hello there, I'm having an issue changing the font on my 'subscribe to newsletter' text. I'd like to change it to 'Din Condensed' but I can't work out how to?

Also it's weird, when I look at my website on my MacBook, the header fonts display correctly (Din Condensed) but when I look on my phone (an iPhone) they appear in Garamond. Any idea why that would be?

My store is www.thelondonletters.com

Thank you!

[KetanKumar]

@LondonLetters 

oh sorry for that issue if just change text go to this 

https://help.shopify.com/en/manual/markets/languages/manage-languages
you have find and replace text 

[harrietfoong]

Hello! 

'm having an issue changing the font size of my "Vinestry powered by Shopify" in the footer to the same size as the front part. Any idea how i can change it?

 

https://lu5zdkt9e32v48vp-55701340206.shopifypreview.com

Thank you!