How to change font and size of footer heading

Store Design
1

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
IMG_0082.JPG2388×1668 195 KB

1 Like
2

@CptJack93

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

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

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

3

Hi Ketan,

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

Thank you so much

1 Like
4

@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 */
}
}
5

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

1 Like
6

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.

7

@CptJack93

its my pleasure to help us

8

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?

1 Like
9

@justoatl

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

10

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

1 Like
11

@justoatl

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

12

It has now been unlocked! Please advise

13

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

1 Like
14

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

15

shopify.com/store/11ca38/themes

1 Like
16

@DejanP

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

17

@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
KetanKumar_0-1706690826123.png1920×919 59.5 KB

1 Like
18

It works, thank you so much.

1 Like
19

@DejanP

its my pleasure to help us

20

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

1 Like