How to reduce extra space between web parts in share point .

blog 3 :

hello everyone !


people working on share point 2013, have you ever noticed there is a extra space between two web parts ? 
annoying , isn't it !? well ,we have a solution for that. just a little CSS  code and you can reduce that extra space very easily. lets start !

Problem: reduce space/gap between two web parts. 

Solution :  

a. Add a content editor Web Part(CWEP) to your page. (if you don't know how to add content editor, click here)
b. paste the following code into the HTML Editor ,and you are done!

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