[Resolved] Underline titles

[Adrien]

Dear GP Team,

I would like to underline my h2 title the same way https://www.puravidabracelets.com/ does it.

I have used David code that I found in the forum but the underline is showing on my site on the left and not align under the title.

Here is David Code:

.underline:after {
content: ”;
display: block;
width: 10%;
height: 4px;
background-color: red;
}

Could you please help me center the underline under my h2 titles. You can see the issue I’m facing on my homepage.

Thank you very much for your help. Adrien.

[David]

Hi there,

try this CSS:

.underline {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.underline::after {
    content: '';
    display: block;
    width: 10%;
    height: 4px;
    background-color: red;
}

[Adrien]

Thank you very much David for your help. It worked perfectly.

[David]

Glad to hear that

[Author]

Posts