remove gaps(spaces) between web parts

Question

I am tring to remove white spaces between web parts. Played with .ms-PartSpacingVertical, .ms-wpcontentdivspace and bunch of other classes. but I can't figure out yet. Do you have any tips? I don't see big gaps between web parts in a sharepoing page.

Thanks,

---

Be yourself.

Answer 1

Hi,

Just try to add a "Content Editor Web Part" to the page. and edit--->click "Source Editor" and paste following css code-->save

 

<style type="text/css">
 .ms-PartSpacingVertical
{
    margin-
}
 
.ms-PartSpacingHorizontal
{
   width: 0px;
}
#_invisibleIfEmpty {
 padding: 0px;
}

</style>

Let us know your result now

---

Cheers, Hemendra-MCTS "Yesterday is just a memory,Tomorrow we may never see"

Answer 2

it doesn't work for me. I have another sharepoint instance which doesn't have space between web parts. is this something to ge overwritted by parent css or some site collection configuration?

---

Be yourself.

Answer 3

Hi,

It will overwrite your parent CSS class and it is not related to any site configuration. Can you please confirm how did you add this?

I have edited my previous style sheet, you need to copy it and paste in content editor webpart. Make sure that you are adding content editor webpart in page where you want to remove the space.

Let us know your result

---

Cheers, Hemendra-MCTS "Yesterday is just a memory,Tomorrow we may never see"

Answer 4

Click on the zone that the web parts are part of and then Edit the HTML

Remove all instances of <p></p> or </br> or unncessary <div align="left"> </div> tags and &180;

Answer 5

Try changing cellspacing and cellpadding for the webpart zone.

Answer 6

Add the code that Hemendra gave you into a custom CSS file.

---

Heather Waterman SharePoint Branding and Desgin heatherwaterman.com @hwaterman

Answer 7

If you open it up in Designer, do you see any extra lines?

I had some paragraph marks in mine and couldn't see them in the browser view but could see them in the designer view.

---

tracy

Answer 8

This isn't quite working for me. The idea is that it would affect the spacing on ALL webparts on that page right?

For me it only seems to affect the one content editor webpart I have copied it into... ?