title between lines

Can’t you do it like the example you have given? You’ll have to use css for this:
The container of the h1 title has a background image, which is the line. The css styling of the h1 title has a ‘before’ and ‘after’ pseudo property with a background image to add whitespace between the line and title.

Thank you rutger.gabriel, I know abot the pseudoelements but my knowledge is not advanced enough so that I could style this on my own.

The best option I can think about right now is adding a background-image to the row where your title is put in (this is possible in Pagebuilder in the row settings). Tho it will be without white space before and after the title…

Well and then te background image(the line) would also be behind the title heading! That would not work…

Hi everyone

You could do it like this:

1. Edit the Page Builder row Edit Row > Attributes, insert a Row Class name, in this case I’m using:

custom-heading

2. Use a Custom CSS plugin like Simple Custom CSS, go to Appearance > Custom CSS and insert:

/* Page Builder Custom Classes */

.custom-heading h3.widget-title {
  position: relative;
  text-align: center;
}

.custom-heading h3.widget-title:before,
.custom-heading h3.widget-title:after {
  background: #000;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  right: 0;
  top: 10px;
  width: 45%;
}

.custom-heading h3.widget-title:after {
  left: 0;
}

Adjust as required.

Hope that helps.