CMS Development

Sinem
Member

footer problem/space around the page

SOLVE

Hello everybody,

I have a small problem I am doing a footer on my website  and when I look at the preview there is a space all around my page not only for the footer. And my footer has like a margin on the bottom. Here is my page in the design manager :Design managerDesign manager

And here is my CSS file: CSS FileCSS File

And you can take a look at the preview :PreviewPreview

In the pictures you can see the small areas around the content.

Could you please help me I don't understand how it works.

Thanks a lot for your answers,

Sinem.

0 Upvotes
1 Accepted solution
jieyintan
Solution
HubSpot Employee
HubSpot Employee

footer problem/space around the page

SOLVE

Hi @Sinem

 

It looks like there might be a margin around your body tag that is causing the white space around your page.

 

You can try putting this in your CSS file to overwrite the margins: 

body { 
margin: 0;
}


Let me know if that works, and do share a link to your Preview Page if you're still having issues!

 

 

View solution in original post

0 Upvotes
4 Replies 4
jieyintan
Solution
HubSpot Employee
HubSpot Employee

footer problem/space around the page

SOLVE

Hi @Sinem

 

It looks like there might be a margin around your body tag that is causing the white space around your page.

 

You can try putting this in your CSS file to overwrite the margins: 

body { 
margin: 0;
}


Let me know if that works, and do share a link to your Preview Page if you're still having issues!

 

 

0 Upvotes
Sinem
Member

footer problem/space around the page

SOLVE

Hello @jieyintan 

It works ! Sorry I reply a little late but it works and thank you very much 🙂 !

Best regards,

Sinem.

JanetArmstrong
Top Contributor | Partner
Top Contributor | Partner

footer problem/space around the page

SOLVE

You can paste a url of the preview? 

 

 

AM13
Participant

footer problem/space around the page

SOLVE

Hey Janet, 

 

I saw your solution to this problem and tried it too, unfortunately it did not work. 

 

Here is the issue: 

on the Mobile website, accurids.com, there is the ability to scroll sideways, which is of course bad UX. 

Im trying to remove this ability but I am unable to find the source of this. 

 

Maybe you can help me? 

 

A solution I thought about is putt your 

body { 
margin: 0;
}

in as well, but where exactly? 

 

Thanks in advance and best regards 

0 Upvotes