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!!
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?
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?
Hi, I saw that there are several comments here but in fact everyone is saying the same thing. I did it a little differently.
I’m working with the Dawn theme so I don’t know if it’s the same for you, but it’s worth a try.
Go to Themes->Edit code , open the base.css page, scroll to the bottom of the page and at the end after all the code add the following code:
If what you want to bold is a link to a page, then write:
a[href=“/pages/your-page-name”]
{
font-weight: bold;
}
Replace ‘your-page-name’ with the name of your page, for example about-us or returns-&-exchanges
If what you want to bold is a link to a product collection for example, then write:
a[href=“/collections/your-collection-name”]
{
font-weight: bold;
}
Good luck! Let me know if this worked for you, and if so, please mark my comment as having solved your problem.
