How can I format footer headings in Booster Theme?

Store Design
, ,

Topic summary

A user needs help making footer headings (Terms and Conditions, Newsletter, Footer) bold in the Booster theme.

Multiple solutions provided:

• Custom CSS via theme.liquid: Add CSS code in a <style> tag above the </body> tag in theme.liquid file

• Direct CSS file editing: Add CSS to base.css or theme.scss.css file in the Assets folder

Recommended CSS snippets:

  • .footer-site__linklist.footer_menu h5 { font-weight: bold; }
  • .label h5 { font-weight: bold; }
  • .footer-social-icons h5 { font-weight: bold; }
  • .footer_title { font-weight: bold !important; }

All solutions involve accessing the theme code through Shopify admin → Online Store → Themes → Edit code, then adding CSS targeting footer heading elements. The !important flag is suggested in some solutions to ensure the styling takes precedence.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

I am facing an issue where I can’t make them headings at my footer

  1. Terms and Cobditions

  2. Newsletter

  3. Footer

to be Bold

Can anyone share CSS format for booster theme. Page link https://zizerstore.com/

1 Like
2

Hey @hunainkhan

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.

Moeed_0-1687071739886.png
Moeed_0-1687071739886.png1905×379 292 KB

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

Best Regards,
Moeed

3

HI @hunainkhan ,

Try this.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.footer_menu.site-footer__linklist h5 {
    font-weight: bold;
}
label.h5 {
    font-weight: bold;
}
.footer-social-icons h5 {
    font-weight: bold;
}

Result:

Ribe_Dagandara_0-1687077960486.png
Ribe_Dagandara_0-1687077960486.png869×278 140 KB

I hope it help.

4

Hi @hunainkhan

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Theme.scss.css

.footer_title{
    font-weight: bold !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

5

Hello @hunainkhan

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.scss.css >Add this code at the bottom.

label.h5 {
    font-weight: bold !important;
}