How to change size of footer text

Store Design

Topic summary

A user seeks to reduce the footer text size on their Shopify store (wrozbaela.pl), initially visible in a mobile screenshot.

Initial Solutions Attempted:

  • First suggestion to add CSS to base.css targeting .footer-block__heading did not work
  • Issue identified: user accidentally removed a closing bracket } when implementing the code

Working Solution:

  • Code added to theme.liquid file (above </body> tag) successfully reduced mobile footer text size
  • User then requested desktop compatibility as well

Final Recommendations:

  • Multiple contributors provided responsive CSS targeting h2.footer-block__heading.inline-richtext
  • Solutions include media queries for both mobile (max-width: 767px) and desktop (min-width: 768px) with adjustable font sizes
  • Code to be placed in base.css file

Status: Issue resolved for mobile; desktop solution provided but not yet confirmed as implemented.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

Hi I want to change size of that text in footer store wrozbaela.pl

1000013082.jpg
1000013082.jpg1080×2340 225 KB

2 Likes
2

@Kris778 please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

.footer-block__heading {font-size: 12px !important;}
3

it didnt work sadly

4

Hey @Kris778

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1750607886994.png
Moeed_0-1750607886994.png371×643 34.1 KB

If I managed to help then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

5

@Kris778 you removed one closing bracket } by mistake, so before my give css please put closing bracket } on previous line

6

okay it works thanks can i do that also on desktop not only on mobile?

7

Hello @Kris778

Try this css.

@media screen and (max-width: 767px) {
  h2.footer-block__heading.inline-richtext {
    font-size: 11px !important;
  }
}

@media screen and (min-width: 768px) {
  h2.footer-block__heading.inline-richtext {
    font-size: 24px !important;
  }
}
1 Like
8

Please add below css code at the bottom of base.css file

@media screen and (max-width: 767px) {
h2.footer-block__heading.inline-richtext {
font-size: 12px !important;
}
}

Thank you.