Reduce the distance (px) between two Blocks on sidebar

Hi,

Please use this custom css in theme panel > custom css:

.home .span4 .td_block7 .td_mod2 {
margin-bottom: 0px;
}

Set a larger value for margin if you want some space there.
Should work like this: http://screencast.com/t/8Ay8xJoj8

Thanks

Hi,

As you can see, the topic is form almost 2 years back. The code will not work anymore as the theme has been updated many times since then. You can target your blocks using the browser inspector and use the specific css classes like so: http://screencast.com/t/IklwH06h21Xq
In this case, if you want to remove the padding, you would use the code like so:

.td_block_7.td_block_wrap{
padding-bottom: 0!important;
}

I also added the block 7 class so the code will be more specific as multiple blocks use the .td_block_wrap class and if I were to only leave this class in the code, ALL the blocks will have the padding removed.
Hope this helps.

Thank you!

Hi,
This depends on the widgets. Please provide a link so I can inspect the sidebar.
Thank you!

Hi,

For those particular widgets please use this code:
.widget_text{
margin-bottom:0!important
}
.widget{
margin-bottom: 5px!important;
}

You can use your browser inspector to get the specific classes and see the margins and padding on every element if you require this in any future customization:
Right click the element and select ‘inspect’: http://screencast.com/t/xESxPXQ6fg
Then you simply copy the classes for the element and modify the css property.

Hope this helps.
Thanks.