I have searched online but to no avail. I was hoping someone from here could help. So the issue is I'm trying to remove the white space between 3 webparts on a page. I have created the following CSS which moves all of the webparts up the page.

.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a
    margin-top: -40px;


This moves all 3 webparts up the screen, which eliminates the space from the nav bar and webpart 1 however still does not eliminate the white space between webpart two and three.

All help is appreciated, Thanks in advance :)

  • Have you checked any extra div or <p> lie between 2 & 3 webparts? Apr 7 '16 at 11:53
<style type="text/css">
     .ms-webpartPage-root {
         border-spacing: 0px !important;
       .ms-webpartzone-cell {
         margin: 0px !important;
  • Thank you amit, I have tried this solution but unfortunately it hasn't worked. it still leaves a space between the second and third webpart. I have used the embed source to link to a custom Css page, would this cause an issue?
    – MCharm88
    Apr 7 '16 at 12:30
  • Are you using Publishing site?
    – Amit Kotha
    Apr 7 '16 at 12:33
  • Yes they are Amit
    – MCharm88
    Apr 7 '16 at 12:45
  • Then You will need to edit/manipulate the page layouts to change how they appear on the rendered page
    – Amit Kotha
    Apr 7 '16 at 13:02

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.