Remove white space between blocks

I just update the VC plugin but it seem that the Css code to take out the white space on homepage from blocks don’t work any more..

.td_block1, .td_block2, .td_block3, .td_block4, .td_block5, .td_block6, .td_block7, .td_block8, {
padding-bottom: 0px !important;
}

Can i get a fix for this please…

Hey Lucian i’ve tried what you say but there is still a lot off white space at the bottom of the blocks,before the update there was not this much white under the blocks on the homepage..

@Lucian thx a lot,now it look really nice…

Hi, one question.
Where do I put the css code to take out the white space on homepage from blocks?

Is it YOUR CUSTOM CSS beacuse I tried there but didn’t see any change.

Thanks Lucian, it’s fixed now.
I used the one with !important

For me too the white space appeared but when I used the css (i tried both with and without !important) I get this.

my site: http://www.styzic.com

Restoring last backup!

My white space was fix with the CSS codes that @Lucian give me to use…

Hi Lucian,

I have the same problem (white spaces) as these mebers have or hade before.
I tried to paste these codes you wrote here but did not work.

I realy need help to get rid of these white spaces. White spaces are making the site look empty.

Thanks

@Ecofame may be you should post ur site URL so he can make a code for you too use..because the css code i’m using was made for my site and i think this is the reason why it’s not working for other members…

@Lucian reply to some one….

I have made that code for @Steven‘s site, send me your sites’s URL if this dose not work for you, I will provide the right css code.

I just want to clear things up here with my post,i ask @Lucian to check my css code that remove space between the blocks to make them come more closer.

CSS code to bring the blocks closer to remove my white space in the middle of the blocks.

.td_block1, .td_block2, .td_block3, .td_block4, .td_block5, .td_block6, .td_block7, .td_block8 {
padding-bottom: 0px !important;}

CSS code to remove the white space between the rows to make it look much better on the homepage…

.home .td-grid-wrap .wpb_row {
margin-bottom: 0px;
}

I’m not sure the 2nd CSS code will work for any one else because it was made for my site,but every one should wait to monday when the staff is back to help you like how they help me to fix my white space issues…

Hi,

Here is my sites url: http://www.ecofame.com

ONE MORE THING
There is a website that have a good design that I think newspapersthemeS design would look like.
They are using a “bufe table style” metod. They put out the content in a very smart way.

here is the site: http://www.aftonbladet.se

We may hope that one of the example pages of the theme would look like this site so we could choose for our sites.
Thanks.

ecofane it is really a nice site, but very complicated for readers too!

Ahhh! If whitespace is one extreme, aftonbladet.se is very much the opposite. :p

Ecofame: I’m not sure how you’re currently hiding your meta info, but it’s still taking up some space and that’s the reason your rows are taller than you want. Use this instead:

.td_mod_wrap .meta-info {
  display: none;
}

Hi heMediumUTM,
Thank you for your support.
Yes, you have write. They are puplishing a lot of content on the site. Newspaper is pretty theme. But what I like or thinking its intresting is the design that the site has. And I hope the newspaper team will develope a demo page that is similar with that site.

I found another site that is similar with newspapers theme. You can visit it here:
http://se.msn.com/

I pasted the code but nothing is happining.

Maybe I am pasting the code in a wrong place. Could you pleas let me knw where is the right place to paste?

Have a nice day!
Ecofame

Go to Theme Panel -> Custom CSS and paste it in there.

If it doesn’t work, add an !important tag like this:

.td_mod_wrap .meta-info {
  display: none !important;
}

Make sure to refresh your cache if you’re using a cache plugin. Let me know if that works!

As for site design, to each his own 🙂 I guess the more options the better.

Hi,

Thanks again.
I pasted the code and nothing happened. I installed cache plugin and still nothing is happening.

Regards

@Ecofame i think these codes only work on “homepage blank” from the templete settings because mine work fine with out any issues,but i just think it’s only for the homepage with blank and that’s what i’m using,i build my homepage my self not from the theme demo…oh well wait till tomorrow and see what fix the staff can give you because they know more about the theme then us,we are just gussing here…

check my site @ http://jahliveradio.com/ and see for ur self what i’m talking about…

Hi Ecofame. I’m looking at your site and the CSS I gave you is in effect! The whitespace I was hoping to remove is gone — the space between each row in the blocks. (You may need to clear your cache, or if you’re using a CDN purge that cache, or hard refresh your browser cache… there are many potential reasons you might be seeing an old version of your page!) If there’s a different whitespace you want to remove, please point it out in a screenshot.

Hi TheMediumUTM,

I am using the childtheme. Would it be there any different if I was using the mothertheme?
I don’t know what CDN is and I just installed cache plugin. Could you pleas guide me how to refresh the prowser using cache plugin?

Regards
Ecofame

Hi Ecofame,

Quick clarifications:

1. It shouldn’t make a difference between the child and parent themes.

2. A CDN is a content delivery network, used to serve your site to people faster. Don’t worry — if you don’t know what it is, you’re probably not using one 😉

3. The caching plugin is actually what would have prevented you from seeing the changes, and then you would have had to clear its cache. You can deactivate it for now (although they’re often helpful, it’s not the problem or the solution at the moment).

Now, on to business.

Can you explain which whitespace you want to remove on your site? There are a lot of options. The CSS that Lucian and I gave you got rid of white space under each row of articles, because that’s what the first people in this thread were asking for, and I can see the difference on your site now.

But I assume there’s more that you want to remove. Maybe you can point out the whitespaces you want to remove on this screenshot of your site?

http://www.screencast.com/t/psO73z7g