Blog, Website & Page Publishing

tom-melle
Participant

Footer menu is set to bold, despite specific non-bold settings

SOLVE

I have a strange problem. I have a menu in the footer of our website. 

 

I made sure links, menu's, etc in the theme don't have bold enabled. And I also tried setting a specific style for the menu without bold.

 

But no matter what, the menu keeps turning bold:

tommelle_0-1684493391189.png

How can I resolve this?

 

0 Upvotes
1 Accepted solution
TomM2
Solution
Key Advisor | Partner
Key Advisor | Partner

Footer menu is set to bold, despite specific non-bold settings

SOLVE

Thanks @tom-melle looks like there's a font-weight of 700 being set in the template stylesheet "main.css"

TomM2_0-1684504437636.png



You can override this if you like in your site page header. If you navigate to settings > website > pages you should see a section for your site's head HTML. If you pop something like this in: 

<style> 
.footer .hs-menu-wrapper a {
    font-weight: normal !important;
}
</style>

 

Then save the changes that should override the font-weight in the template stylesheet. 

Hope this helps! 

Tom Mahon
HubSpot Expert | Digital Marketing Specialist | Community Champion
HubSpark

Book a meeting

Did my post help answer your query? Help the community (and me) by marking it as a solution.


View solution in original post

3 Replies 3
TomM2
Solution
Key Advisor | Partner
Key Advisor | Partner

Footer menu is set to bold, despite specific non-bold settings

SOLVE

Thanks @tom-melle looks like there's a font-weight of 700 being set in the template stylesheet "main.css"

TomM2_0-1684504437636.png



You can override this if you like in your site page header. If you navigate to settings > website > pages you should see a section for your site's head HTML. If you pop something like this in: 

<style> 
.footer .hs-menu-wrapper a {
    font-weight: normal !important;
}
</style>

 

Then save the changes that should override the font-weight in the template stylesheet. 

Hope this helps! 

Tom Mahon
HubSpot Expert | Digital Marketing Specialist | Community Champion
HubSpark

Book a meeting

Did my post help answer your query? Help the community (and me) by marking it as a solution.


TomM2
Key Advisor | Partner
Key Advisor | Partner

Footer menu is set to bold, despite specific non-bold settings

SOLVE

Hey @tom-melle my guess is there's some specific styling telling the font-weight to be higher here. Do you have a link to the page and I can take a look for you? 

Tom Mahon
HubSpot Expert | Digital Marketing Specialist | Community Champion
HubSpark

Book a meeting

Did my post help answer your query? Help the community (and me) by marking it as a solution.


0 Upvotes
tom-melle
Participant

Footer menu is set to bold, despite specific non-bold settings

SOLVE
0 Upvotes