CMS Development

SLenihan6
Member

Need custom CSS styling to edit header in Hubspot landing page

SOLVE

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. 

 

SLenihan6_0-1706516935703.pngSLenihan6_1-1706516974026.pngSLenihan6_2-1706517020121.png

 

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. 

 

0 Upvotes
1 Accepted solution
jonchim
Solution
Guide | Diamond Partner
Guide | Diamond Partner

Need custom CSS styling to edit header in Hubspot landing page

SOLVE

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;
}

 

 






Jon Chim
VP of Design & Development
Hypha HubSpot Development


check Did my post help answer your query? Help the Community by marking it as a solution

View solution in original post

0 Upvotes
2 Replies 2
SLenihan6
Member

Need custom CSS styling to edit header in Hubspot landing page

SOLVE

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

0 Upvotes
jonchim
Solution
Guide | Diamond Partner
Guide | Diamond Partner

Need custom CSS styling to edit header in Hubspot landing page

SOLVE

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;
}

 

 






Jon Chim
VP of Design & Development
Hypha HubSpot Development


check Did my post help answer your query? Help the Community by marking it as a solution
0 Upvotes