Hiding Extra WhiteSpace Around SharePoint WebPart

Hiding extra whitespace around SharePoint WebPart.

By Default, whenever you add a OOTB webpart to a sharePoint site Page, there are extra white spaces around the corners.This must be annoying for few business users. so they are so particular to get rid off these spaces.

 

To achieve this, we have a followed a simple approach.

 

1. Insert a Content Editor webpart. 
2. Copy the Below script.
   
   <style type="text/css">
   .ms-webpartPage-root { border-spacing: 0px !important; }
   .ms-webpartzone-cell { margin: 0px !important; }
   </style>

    

3. Apply the changes. 
4. Save the Page.

 Now that space has been removed. Happy Learning guys.