topic Re: Need custom CSS styling to edit header in Hubspot landing page in CMS Development

Need custom CSS styling to edit header in Hubspot landing page

SLenihan6 — Mon, 29 Jan 2024 08:33:12 GMT

Hi I need to edit the current CSS styling to edit the header in my campaign landing page as currently when I hover over the text its white and my background is white.

I reached out to Hubspot help but they advised that I ask here as this section is out of scope for the support team. Any advice would be much appreciated as I need to launch this campaign early this week. Thank you.

Re: Need custom CSS styling to edit header in Hubspot landing page

jonchim — Mon, 29 Jan 2024 13:20:28 GMT

hi @SLenihan6, just quickly looking at your css, you need to target the link vs targeting the entire navigation, if you're using the default hubspot boilerplate you can target .menu__link:hover

Also if you're using themes, in the theme settings you may be able to change the color of the hover in the navigation settings.
The code may look something like this

.menu__link:hover { color: black; }

Re: Need custom CSS styling to edit header in Hubspot landing page

SLenihan6 — Mon, 29 Jan 2024 14:46:18 GMT

Thank you, I was able to edit in Theme settings. Thanks for the advice.