Help with Martech Theme Blog Page and Posts

[lbrochstein]

I am currently using the martech theme and the blog page and post page isn't showing a navigation menu and not sure how to fix this. Also, the footer has the links, but they aren't showing the correct color. Would appreciate any help with this! I am a newbie when it comes to HubSpot. 

Link to blog page - https://www.warmcommerce.com/blog?hsLang=en

Link to post page - https://www.warmcommerce.com/blog/warm-commerce-new-supply-chain-management-platform

Thank you!

[vish891]

Hey

I think the nav menus are not mapped in the template.I couldn't see them coming when i inspect.If the menus are already created in your account you would have to map it your header.

[lbrochstein]

How do you do that?

[vish891]

In default case blog pages also extend base.html so this shouldn't have happened.Haven't used Martech Theme so not sure if its done differently.

[lbrochstein]

Can I add the header css to the blog css? And the same with the footer? Would that work. I don't know the designer for this template, it's a free hubspot template. I contacted the help and they told me it was a json that needed to be changed. 

While inspecting the blog post, I noticed that there was some styling that was overriding the menu item's colour in the footer to white, which is also the background colour. Hence why they were not visible unless you hovered over them. The styling on this seems to be coming from this: https://app.hubspot.com/design-manager/4278160/code/31334405213?tfid=31334929205#L1032 (Line 1032) and those default colours are coming from: https://app.hubspot.com/design-manager/4278160/file/31334405217?tfid=31334929205 - however this is using JSON which we are not trained in so I cannot make recommendations on how to edit this.

You would need to work with your developer on this as this is using custom code. We are not trained developers in Support and would only have a basic understanding of html and css.

[vish891]

Support is rite about the footer color being the same as bg.

Try this 

In blog.css add this code at the end or you can also search if this is already written and add an important to the color attribute.(.footer__navigation .hs-menu-item a)

.footer__navigation .hs-menu-item a{

color:#000 !important. (the color code you want to use)

}

Note:

if you do this you wont be able to select dynamic colors for this selector as this will always override your theme-override.css because of !important.

[lbrochstein]

That didn't work. Any other ideas?

[vish891]

You haven't added the styles correctly.it will not have the higlighted(red in the image) part i.e.

.footer__navigation .hs-menu-item a{

color:#343b51 !important;

}

After you update this should work.If it doesn't try finding the selector in theme_overrides.css and replacing the color code.