How can I reduce the size of footer text?

hi!

how do I make this footer text smaller so it doesn’t occupy as much space?

thanks!

3 Likes

Give me your site link or let me know what theme you are using.

1 Like

Yeah, please give your url. Which theme do you use to create it?

Hi @christian_russo ,

Please share your store URL and if your store is password protected then please provide password too.
So that we can help you.
Thank you.

@christian_russo

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.

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

www.gallerychristian.com

password: Christianshop123

1 Like

Please add below css in bottom of assets/section-footer.css file

@media screen and (min-width: 750px)
.footer-block__details-content .list-menu__item–link {
font-size: 1.2rem;
}
@media screen and (min-width: 990px)
.footer-block__heading {
font-size: calc(var(–font-heading-scale) * 1.4rem);
}
Thank you.

@christian_russo

thanks for url can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.footer-block__heading {font-size: 16px !important;}
.footer-block__details-content>:first-child .list-menu__item--link {font-size: 13px !important;}

/* change font size value as you like */

hi is it possible to also change the other words? and how do I get rid of the word “info” because in settings you are obligated to type something.

@christian_russo

can you try this code

.footer-block__details-content .list-menu__item--link {font-size: 10px !important;}

yes thank you! is it also possible to not have it shown on my homepage before I enter the website?

because it looks like this:

2 Likes

@christian_russo

yes, please try this code

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

it’s better now but is it also possible to not show it on the homepage and only when I enter the website?

it’s also mixed up on the website now:

1 Like

@christian_russo

i can’t identify special code for enter its same