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

Marketing & Content Hub Blog, Website & Page Publishing
1

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
tommelle_0-1684493391189.png1658×1668 269 KB

How can I resolve this?

2

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?

3

Sure, the footer can be found here:

https://tom-orrow-27101681.hubspotpagebuilder.eu/electric-flying-connection

4

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

TomM2_0-1684504437636.png
TomM2_0-1684504437636.png4824×1738 637 KB

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!