How to change font and size of footer heading

Solved

How to change font and size of footer heading

CptJack93
Excursionist
13 0 8

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

IMG_0082.JPG

 

Accepted Solutions (2)
KetanKumar
Shopify Partner
36927 3642 11995

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Zworthkey
Shopify Partner
5581 642 1575

This is an 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.

View solution in original post

Replies 23 (23)

KetanKumar
Shopify Partner
36927 3642 11995

@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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
CptJack93
Excursionist
13 0 8

Hi Ketan,

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

Thank you so much

KetanKumar
Shopify Partner
36927 3642 11995

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
CptJack93
Excursionist
13 0 8

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

Zworthkey
Shopify Partner
5581 642 1575

This is an 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
Shopify Partner
36927 3642 11995

@CptJack93 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
justoatl
Tourist
4 0 2

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
Shopify Partner
36927 3642 11995

@justoatl 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
justoatl
Tourist
4 0 2
Hello, please see the following: https://powerplaycosmetics.com/
KetanKumar
Shopify Partner
36927 3642 11995

@justoatl 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
justoatl
Tourist
4 0 2
It has now been unlocked! Please advise
DejanP
Tourist
6 0 3

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

 

KetanKumar
Shopify Partner
36927 3642 11995

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
DejanP
Tourist
6 0 3

shopify.com/store/11ca38/themes

KetanKumar
Shopify Partner
36927 3642 11995

@DejanP 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
36927 3642 11995

@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:

KetanKumar_0-1706690826123.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
DejanP
Tourist
6 0 3

It works, thank you so much. 

KetanKumar
Shopify Partner
36927 3642 11995

@DejanP 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ESK315
Tourist
4 0 2

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
Shopify Partner
36927 3642 11995

@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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
LondonLetters
Tourist
4 0 1

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
Shopify Partner
36927 3642 11995

@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 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
harrietfoong
Tourist
3 0 1

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?

Screenshot 2024-03-05 at 1.49.21 PM.png

https://lu5zdkt9e32v48vp-55701340206.shopifypreview.com

 

Thank you!