Need different header CSS for certain landing pages

Highlighted
Occasional Contributor

Hi all, 

We are a school using hubspot landing pages for our inquiry and event registration forms. This year, we are launching a section of our website dedicated solely to our Upper School, which uses a different style (white with blue text and logo left) for the header navigation menu than our main site (blue with white text and logo center). We would like to be able to mirror this alternative header style on landing pages that are clicked through this part of the site. 

 

In short--how can we create a new header style and pick and choose which to "assign" to each landing page? 

 

Thank you so much!

Reply
0 Upvotes
5 Replies 5
Highlighted
Community Superstar

_hubspot-button-accept-as-solution-gif-v00.gif

Help other HubSpot searchers find this post quickly by accepting this solution today.

 

Q: How can we create a new header style and pick and choose which to "assign" to each landing page?

 

Short A: The simplest way is to build/use a different template for the 'special' landing pages.

 

Longer A:

If you're asking how to dynamically display header css for landing pages based on referrer URL ... well that's another conversation entirely.

 

cc: @tjoyce@Stephanie-OG

 

Always happy to help you build on HubSpot.

 

Best,
Frank


hubspot-solutions-signature-mfrankjohnson-v03.png

www.MFrankJohnson.com

 

Note: HubSpot is a constantly evolving platform. Please check the date of each post and view all solutions in that context.

-- Visit

 

Hope that helps.

 

Be well,
Frank


Support • Web • Apps • Training

HubSpot's Hiring World-Wide!

Reply
0 Upvotes
Highlighted
New Contributor

Can have I the long answer, please? I want to show a different header and footer based on the referrer URL.

Reply
0 Upvotes
Highlighted
Occasional Contributor

Thank you, Frank! I think I need to hear more about changing based on referral link, AKA the "long answer." Is there any info you can provide here? Thanks so much!

Reply
0 Upvotes
Highlighted
Occasional Contributor

We are also struggling with how to create a new style template for special landing pages. Someone created our original one that was made to mimic our main website, but no one here anymore seems to remember how we did that. We can't seem to figure out how to get the CSS from our updated website into a new template. Does that makes sense?

Reply
0 Upvotes
Highlighted
Community Superstar

>>Regarding how to dynamically display header css for landing pages based on referrer URL ...

Will need much more info around your specific use case please.

 

>>Regarding your original LP template created to mimic our WordPress website ...

Probably created by HubSpot during the onboarding process.

 

Note: HubSpot is a constantly evolving platform. Please check the date of each post and view all solutions in that context.

-- Visit

 

Hope that helps.

 

Be well,
Frank


Support • Web • Apps • Training

HubSpot's Hiring World-Wide!

Reply
0 Upvotes