Archived topic
Add vertical separator line
10 replies · Started by Jordan on April 8, 2019
Is there a way to add a vertical separator line between two pieces of content? I want to put a vertical line in between the two sign up forms on my home page of this site https://weseekdiscovery.com/
Hi there,
Looks like the columns are created with Visual Composer.
Might be best to check with their support to see what the best way would be. Perhaps there is a built-in feature for that.
Let me know if this helps :)
Yes they are, but I can still insert CSS.
What would the CSS or HTML be if I wasn't using Visual Composer?
The CSS would be different as it depends on how the columns are created.
Ok - then could you help provide CSS for creating two columns with a vertical separator in the middle? I will replace it with the Visual Composer columns
I don't think that's the best idea as you are already using VC for the 6 columns content above.
Have you considered using Gutenberg columns block?
I'm down to use Gutenberg. How can I add a vertical line on that?
Can you add the columns first and I'll have a look?
Just need to apply border-right: 1px solid #000; to the first column.
How do I add Gutenberg columns?
Nevermind, I tried Gutenberg and don't like how it functions.
Looks like you've done it within VC :)
