Hi,
It happens because theme’s blocks an modules have padding and/or margins added, that’s how they were designed, so when you add a separator using VC page builder it will be added below/after blocks or other page builder elements and just above the next near element, looking like in your case. You could add some margin at the bottom of every vc separator which will take you closer of your desired result but you’dd also have to reduce theme’s blocks padding and/or margin to obtain a fine looking design and not increasing too much the space between elements. Here is an example: http://screencast.com/t/5g9ocs6igsvu – http://screencast.com/t/PJHrF2i25
Use a custom css like this one and build your on it (using .home will apply it just on your homepage): http://screencast.com/t/O1my4ZuiD
.home .vc_row .vc_separator {
margin-bottom: 30px !important
}
.home .vc_row .td_block_wrap {
padding-bottom: 0px;
}
Hope this helps! Let us know how it goes!
Thanks
Hi Lucian and thank you for your help which I really appreciate.
I added the custom css and it’s almost there.
Just that below the first block there appears to be two separators.
I’ve checked VC and I’ve just inserted one separator after the first block so I don’t know what’s causing this.
Do you?
Thanks
Derek
Hi,
Also check above the first column within your layout, that’s where the second separator apper to be placed: http://screencast.com/t/VrZKqv2Gh2Cx
Let me know how it goes and provide a screenshot with your pages content so I can have a look if you can’t manage to remove it.
Thanks!
