Style Up Titles – H2-H3

Hi there,

if you want to apply it to every H2 and H3 then you could use this CSS:

:is(h2, h3) {
    position: relative;
    display: inline-block;
}
:is(h2, h3):after {
    content: '';
    position: absolute;
    inset: 0 -1ch -0.75ch 2ch;
    border-bottom: 5px solid;
    border-right: 5px solid;
    border-color: #ccc;
}

But if you want to apply it selectively then you can do:

1. Add this CSS:

.has-border-line {
    position: relative;
    display: inline-block;
}
.has-border-line:after {
    content: '';
    position: absolute;
    inset: 0 -1ch -0.75ch 2ch;
    border-bottom: 5px solid;
    border-right: 5px solid;
    border-color: #ccc;
}

2. select the Heading block and in Advanced > Additional CSS Classes add: has-border-line

You’re welcome!