Decrease font size in Footer for Taste Theme

Shopify Discussion

Topic summary

Footer text appears oversized in the Shopify Taste theme; the site owner wants to reduce its size and edit footer text boxes. They provided the storefront URL, password (“coffee”), and a screenshot.

Key suggestions:

  • Use Theme Editor settings (Footer/Typography) to adjust font size; consult the Taste theme documentation for specifics.
  • One participant offered to make the change if granted theme access.
  • A concrete fix via CSS (styling code): edit base.css and set smaller font sizes for footer elements. Specifically, reduce h2.footer-block__heading.inline-richtext and .footer-block.grid__item strong to around 18px using !important, by adding these rules at the bottom of base.css.

Most recent actionable update:

  • The CSS method provides step-by-step instructions (Online Store → Theme → Edit code → base.css → paste rules → Save) to immediately decrease footer text.

Status:

  • No confirmation from the site owner yet. Outcome unresolved; it remains to be seen if the CSS change meets the desired look across devices.

Notes:

  • The screenshot and shared storefront access details are ancillary; the CSS snippet is central to the solution.
Summarized with AI on January 10. AI used: gpt-5.
1

Hi There.

The text in my footer is massive, I’d like to be able to decrease it in size and generally edit the text boxes.

I’m using the Taste theme and the website is https://parakharvest.com/

pw coffee

kat86_0-1703287947076.png
kat86_0-1703287947076.png1900×988 229 KB

2

I’ve noted your concern about the oversized text in your website’s footer using the Taste theme. To adjust the text size, please check the theme customization options in your website’s backend. Navigate to the footer or typography settings for relevant adjustments.

For detailed instructions specific to the Taste theme, refer to the official documentation provided by the theme developer. To get inspiration for effective text size and box editing, you can explore uaesafari website for more references.

3

@kat86

You can decrease the font size from the customize settings.

But if you are not comfortable to change it then I can do it for you. But for this I need the theme access.

4

Hi @kat86

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.footer-block.grid__item strong {

font-size: 18px !important;

}

h2.footer-block__heading.inline-richtext {

font-size: 18px !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly