Theme X pro. Accent on Title

[Maxime_Brisson]

Hi,

I would like to add an “accent” on a title. Here is what I try to acchieve.

I would like to add a line to the right and to the left of my title.

PS : I have theme Pro

Have a good day !

[jade]

Hi Camille,

You can achieve this by adding a bit of custom CSS for the v2 headline element. Please add this code in X > Theme Options > CSS:

.with-accent .x-text-content-text:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    left: 0;
    top: 50%;
}

.with-accent .x-text-content-text-primary {
    display: inline-block;
    padding: 5px 8px;
    background-color: #fff;
    position: relative;
    z-index: 9999;
}

Then if you want an accent to the headline element, just add the class with-accent to the element.

You might need to adjust the CSS code in order for it to fit in your website’s aesthetics.

Hope this helps.