How to decrease spacing between web parts added into single webpart zone in sharepoint 2010.

Question

_{Wednesday, November 16, 2011 10:52 AM}

hi, I am inserting multiple webparts into one my custome publishing page,webpart zone.surprisingle lot of space comming between every two webparts in vertical direction.I want to reduce this gap between this webpart.can any one reply how to resolve this.Thanks & Regards, Krishna

All replies (4)

_{Thursday, November 17, 2011 10:51 AM ✅Answered | 2 votes}

You can toy around with the css.

More importantly, if you know a bit of html, you could edit the page html source and delete the empty rows.

Just edit the page, click on the html - edit html source button and delete the

<p>&#160;</p>

Regards, Marijn Somers|| http://www.beyond-it.be || Twitter: http://twitter.com/marijnsomers || http://marijnsomers.blogspot.com

_{Thursday, November 17, 2011 11:02 AM ✅Answered}

HI

Sometimes web parts add extra tags, so may be you will need to customize them from XSLT
as main data can be in table container which can have padding.

Check XSLT and CSS for better branding

Please mark this as answer if it helps.
Microsoft Certified Trainer
Microsoft Certified Professional Developer
Blog: http://www.EnterpriseApplicationsDevelopment.com/

_{Thursday, November 17, 2011 11:12 PM ✅Answered}

Looking at my site, there's an empty div that's added after every web part to give the vertical spacing.

look for <div class="ms-PartSpacingVertical">

it contains "margin-top: 12px auto auto" that you can overwrite in your custom css.

haven't tried it but pretty sure that's where it's coming from.

_{Friday, October 19, 2012 3:11 PM}

Thanks Marijn  - This is a quick fix and tip for me to use forever.