Separator/Title

Hi there,

theres a few methods.

I think the easiest would be to use CSS. Add this CSS to your site:

.border-title {
    display: flex;
    align-items: center;
    gap: 40px;
}
.border-title:before,
.border-title:after {
    content: '';
    flex: 1 1;
    height: 2px;
    background-color: #000;
}

then add a Headline Block, with some text, and in Advanced > Additional CSS Classes add: border-title

Many thanks

You’re welcome

Hi, just tried the css, but didnt seem to work?

Can you share a link to your site where i can see the Headline block you want to apply this to ?

https://rovinrv.com/ I’d like the two h2 titles to have the seperator.

That CSS does work.

But you need to:

1. select the Headline block
2. Go to the Advanced tab in the block settings sidebar
3. In the Additional CSS Class(es) field add: border-title

Repeat this for each Headline block you require it on.

Sorry, my mistake, thats great, many thanks

How do I change the colour?

I’ve worked it out, many thanks

Glad to hear that

Hi there! We haven’t heard back from you for a while now so we’re going to go ahead and set this topic as resolved. Feel free to open a new topic if you need assistance with anything else.

This is a great little embellishment. I understand how to control the gap, thickness and colour. How about the width of the 2 lines?

Hi @buddylove72 ,

Any chance you can open a new topic for your question?

Thanks!