Remove/Hide empty space between web parts

Add a "Content Editor Web Part" to the page. In "Source Editor" type the following css code
 
<style type="text/css">
 
.ms-PartSpacingVertical
{
    margin-top: 0px;
}
 
.ms-PartSpacingHorizontal
{
   width: 0px;
}

</style>

Previous
Next Post »
19 Komentar
avatar

I was able to increase the empty space but was not able to remove or reduce it using the method suggested here. Any ideas why?

Balas
avatar

Worked for me, thanks!

All I did was make sure it was the first web part in that section.

Balas
avatar

I can't seem to make this work. I have put this code at the top section and tried it again at the top of the page, but nothing thus far.

Balas
avatar

Thank for sharing, but in my case, the code will:

.ms-PartSpacingVertical
{
margin-top: 0px !important;;
}

.ms-PartSpacingHorizontal
{
width: 0px !important;;
}

Balas
This comment has been removed by the author. - Hapus
avatar

It is not working .. I tried with that code .

Balas
This comment has been removed by the author. - Hapus
avatar

Not working for me either.............

Balas
avatar

Thanks man! It's working fine in Sharepoint 2010. I changed the margin-top: 0px to margin-top: -10px for an even tighter look. Cheers!

Balas
avatar

Thanks a lot , this is what i was looking for :)
very helpful

Balas
avatar

Best web hosting companies. Reviews, rates, statistics of top hosting companies.
Find best hosting company at www.HostingCompaniesz.com

Balas
avatar

I know this is a super old post, but holey crap, did you save me a serious headache.

THANKYOU!!!

Balas
avatar

I am unable to remove White space between web parts using above code.please suggest some code

Balas
avatar

Thanks for this kind of useful information, we are offering informatica training in practical basis for details visit:
informatica

Balas
avatar

Wonderful blog.. Thanks for sharing informative blog.. its very useful to me..

iOS Training in Chennai

Balas
avatar

Thank you for taking the time and sharing this information with us. It was indeed very helpful and insightful while being straight forward and to the point.
www.mcdonaldsgutscheine.net/ | www.startlr.com/ | www.saludlimpia.com/

Balas
avatar

Thank you for such a nice detailed post. I always love to read your site content as these are really helpful for me .

รับแทงบอล
sbobet mobile
royal1688
ทางเข้า maxbet

Balas
avatar

CIITN is the Best Php training institute in Noida and delhi Ncr. You will get Live Project Training on PHP by our PHP expert

who have 5+ year industrial experience.Focus on practical and live project training. In our PHP training, we you will learn core PHP, advance PHP, HTML,

CSS, JavaScript, jQuery, Bootstrap, Cake PHP and Wordpress.CIITN provides 100% job assistance in PHP training. CIITN is well known PHP coaching center

because our 100% PHP students are placed now.


Ciitnoida provides Core and java training institute in

noida
. We have a team of experienced Java professionals who help our students learn Java with the help of Live Base Projects. The object-oriented,

class-based build of Java has made it one of most popular programming languages and the demand of professionals with certification in Advance Java

training is at an all-time high not just in India but foreign countries too.

By helping our students understand the fundamentals and Advance concepts of Java, we prepare them for a successful programming career. With over 13 years

of sound experience, we have successfully trained hundreds of students in Noida and have been able to turn ourselves into an institute for best Java

training in Noida.


java training institute in noida
php training in noida
linux training in noida
linux institute in noida
java course in noida

Balas