How to get the old 'Custom Headline Accent'?

[Lleyta]

The ‘Classic Custom Headline’ element had the accent feature which put a line either side of your header text?

How can I get this accent on the new headline feature?

[ruenel]

Hello There,

Thanks for writing in!

The new headline element does not have the accent. The only way you can add it is to use a custom css. Please edit your page back in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.x-text-headline {
    overflow: hidden;
}

.x-text-headline .x-text-content-text-primary {
    display: inline-block;
    width: auto !important;
    position: relative;
}

.x-text-headline .x-text-content-text-primary:before, 
.x-text-headline .x-text-content-text-primary::after {
    content: "";
    position: absolute;
    top: 50%;
    height: 2px;
    width: 9999px;
    display: block;
    margin-top: -1px;
    background-color: #e5e5e5;
}

.x-text-headline .x-text-content-text-primary:before {
    right: 100%;
    margin-right: 0.5em;
}

.x-text-headline .x-text-content-text-primary::after {
    left: 100%;
    margin-left: 0.5em;
}

Hope this helps.