Blog, Website & Page Publishing

NM4
Participant

How to use hubspot migration files for existing blog

SOLVE

Hi there,

I have had a blog on Hubspot for a long time and happy with the format. However, I never go the header and footer quite right, so I got the HubSpot migration team to do it. And it looks great.

The problem is that I want to combine the header and footer they made me with the existing blog template I have. So I took the HTML and created a new footer and header module - however when I put it in my blog the footer appears all messed up, and other elements on my page change.

 

Footer and header correct Appearance:

Correct headerCorrect headerCorrect footerCorrect footer

What it looks like when put on the template:

Screen Shot 2021-04-09 at 3.39.37 PM.pngScreen Shot 2021-04-09 at 3.39.30 PM.png

 

Link to what it should look like:

https://blog.orkestrascs.com/whats-holding-utility-scale-solar-projects-back

 

If you need anything else on my end so you can better help me please let me know.

Thank you for your time,

Nick

0 Upvotes
1 Accepted solution
Anton
Solution
Recognized Expert | Diamond Partner
Recognized Expert | Diamond Partner

How to use hubspot migration files for existing blog

SOLVE

Hi @NM4

regarding the fact that the new footer misses few options, changing 

 

footer .flex{
display: flex;
    justify-content: space-between;
    align-items: start;
    padding-bottom: 0px;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    font-size: 20px;
}

 

to

 

footer .flex{
display: flex;
    justify-content: space-around;
    align-items: start;
    padding-bottom: 0px;
    font-size: 20px;
}

 

should align the current modules right

 

 

best, 

Anton

Anton Bujanowski Signature

View solution in original post

2 Replies 2
Anton
Solution
Recognized Expert | Diamond Partner
Recognized Expert | Diamond Partner

How to use hubspot migration files for existing blog

SOLVE

Hi @NM4

regarding the fact that the new footer misses few options, changing 

 

footer .flex{
display: flex;
    justify-content: space-between;
    align-items: start;
    padding-bottom: 0px;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    font-size: 20px;
}

 

to

 

footer .flex{
display: flex;
    justify-content: space-around;
    align-items: start;
    padding-bottom: 0px;
    font-size: 20px;
}

 

should align the current modules right

 

 

best, 

Anton

Anton Bujanowski Signature
sharonlicari
Community Manager
Community Manager

How to use hubspot migration files for existing blog

SOLVE

Hi @NM4 

 

Thank you for the information provided. 

 

I'll invite a few experts to this conversation so they can share their thoughts. 

 

Hey @piersg @Anton @Kevin-C what would you advise in this case?

 

Thanks

Sharon


Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !