Title - No Underline Showing


#1

Hi,

I am using the heading widget, and also the heading format in text boxes, but I am not getting the little underline under the title/text. Upon further inspection I see there it title widget style, but I have no been able to find where to actually add widget titles.

Thank you


#2

Hi,

Can you share your site URL?


#3

Sorry for the late reply. My site is still under construction, but you can see it here: https://unicloth.ncreativedesign.com/itinerary/ (The heading Itinerary for example)
I have a few more questions -


#4

Hi,

You can use this CSS code to add underline for the title:

h1.elementor-heading-title {
    text-decoration: underline;
}

#5

Hi,

That just adds an underline. I meant this line like in the demo - the red small line under “Services”, etc.


#6

So you want something like this?

If yes, then use this CSS code:

.elementor-text-editor h5 {
    text-align: center;
}
.elementor-text-editor h5::after {
    content: '';
    display: block;
    width: 30%;
    height: 1px;
    background-color: #242a46;
    margin: auto;
}

Or if you want the underline in the header title


Then use this CSS code:

h1.elementor-heading-title::after {
    content: '';
    display: block;
    width: 15%;
    height: 1px;
    background-color: black;
    margin: auto;
}