Remove Web Part Title White Space

Question

_{Monday, March 28, 2016 7:21 PM}

I have 2 web parts under each other with white space between them.  I would like to remove this space or reduce it.

I've already removed all web part margins down to 0. 

The white space showing is the missing toolbar I believe as I've set web part properties to No Toolbar and Chrome set to None. 

Any way to remove the toolbar space also?

All replies (2)

_{Tuesday, March 29, 2016 3:14 AM ✅Answered}

Hi seasons88,

Generally web parts are included in a table . The easiest way it's to modify padding for table's cells.

You could change the space between web parts writing these lines in a script editor web part on a page.

<style type="text/css">
.ms-webpartPage-root 
{ 
border-spacing: 0px !important; 
} 
.ms-webpartzone-cell 
{ 
margin: 0px !important; 
} 
</style>

Best Regards,

CY

TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact [email protected].

_{Monday, March 28, 2016 7:36 PM}

If I were you I would try to modify the layout/webpage where the webpart is added. Like you said in the webpart itself you cannot "delete" this space.

Add a content editor webpart and play with a custom CSS on it.

I hope this could helps you.