Separator Position

Posted in: Newspaper
Post count: 170

Hi,

I’m using separators set a 5px on my front page here howdoidate.com.

Unfortunately they are not displaying midway between the blocks as I would like them to.

What do i need to do to achieve this?

Thanks.

Derek

Post count: 6600

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/5g9ocs6igsvuhttp://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

Post count: 170

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

Post count: 6600

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!

Post count: 170

Lucian,

Thank you so much for spotting my error. I’ve now fixed it!

Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.