Hi,

In the simpilest way possible, how do i remove the whitespace around webparts and inbetween the zones?

can this be done on sharepoint designer?

Thanks!

Tom

This bit of CSS does a good job to collapse the web parts together and reduce space between them:

<style>
.ms-webpartPage-root {
border-spacing: 0px;
}
</style>

You can add this at the site level as alternate css, to a specific page through a web part, or I suppose you could add it to the master page though I would advise against it.

• Proposed as answer by Wendy DZMicrosoft contingent staff, Moderator 1 hour 34 minutes ago

Hi John,

Thanks for your reply! can you tell me how to add this in? I'm a bit of begginner.

Thanks!

Is this something you want to affect an entire site, or just a few pages?

Hi John,

My pages give some smaller screens a scroll bar at the bottom of the page which i really do not want. I want it so no one has to use a scroll bar to go across any of the pages. Will taking out the unnecessary white space between the zones or around the webparts do this?

so, basically i want it to affect the entire site if it means no scroll bars?

Thanks!

Hi John,

My pages give some smaller screens a scroll bar at the bottom of the page which i really do not want. I want it so no one has to use a scroll bar to go across any of the pages. Will taking out the unnecessary white space between the zones or around the webparts do this?

so, basically i want it to affect the entire site if it means no scroll bars?

Thanks!

John?

Hi Tom,

About how to add the code to page, you could use content editor web part.

How to use content editor web part:

https://support.office.com/en-ca/article/Content-Editor-Web-Part-c1350ff6-934c-4c2e-8e53-1ec3b548a0dc

Thanks,

Dean Wang