Hi all. I am trying to figure out how to update one section of words in my footer to be BOLDED. This is in the Boost theme. The section is Footer > Menu - within the menu there is an option for Heading and I’m trying to just bold the Heading. See screenshots. Any coding advice would be appreciated. Thanks!!
Topic summary
Goal: Make the Footer > Menu “Heading” text bold in the Boost theme.
What’s been tried/asked: OP wants only the menu heading bolded and requests coding advice; provided screenshots are central to the context.
Proposed solutions:
- Insert HTML tags directly in the section title: title (if the theme editor allows HTML in the heading field).
- If the editor blocks HTML, modify the theme code in footer.liquid (the footer’s Liquid template) to wrap the heading in or apply a CSS class for bold styling.
Status: No confirmation from the OP yet; solution not verified. Discussion remains open with suggested next steps to test in the editor or update footer.liquid.
1 Like
Hello! In the section titles in the footer, put:
<strong>title</strong>
If this is not possible in your theme customisation, you can definitely do it in footer.liquid
I hope this helps, and good luck with your project!
There is no custom CSS section for the Menu…. can you give me some guidance where I would put that in the footer.liquid section?
Could you share the link to your page?
You can use this CSS code, either in “theme settings”(cog icon)=> “Custom CSS”
or a “Custom CSS” setting of the footer section:
p.footer-block__heading {
font-weight: bold;
}
Before/After:
Hi,
Hope this will help
At base.css or custom css , need to add CSS
CSS example
.footer-block__heading {
font-weight: 700 !important;
}
I can guide on how to do that using theme customization you don’t have to code
Boost theme doesn’t allow HTML in footer headings, so adding <b> or <strong> in the editor won’t work.
The correct solution is CSS.
Go to Online Store → Themes → Edit code → base.css (or theme.css) and add:
.footer-block__heading {
font-weight: 700;
}
If it doesn’t apply, inspect the heading and try:
.footer__heading {
font-weight: 700;
}
This makes only the footer menu heading bold, not the links, and is safe for theme updates.
@inkandattitude
Can you share your store url?