Plugin Support
David
(@diggeddy)
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
Hi, just tried the css, but didnt seem to work?
Plugin Support
David
(@diggeddy)
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.
Plugin Support
David
(@diggeddy)
That CSS does work.
But you need to:
- select the Headline block
- Go to the Advanced tab in the block settings sidebar
- 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
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?
Plugin Support
ying
(@yingscarlett)
Hi @buddylove72 ,
Any chance you can open a new topic for your question?
Thanks!
