Horizontal line below heading

I’ve made my site live for the moment to see what I’m talking about (nothing going on there in any case!) https://www.ambivert.co.za

Hello,

I’m trying to create a simple horizontal line below my headings (for this instance, say only H4). Like the same line appearing below the text slider main title. I want to be able to specify the color and the width of the line if possible?

I don’t think that there is an easy way to add it properly to all H4 headings, they can have different CSS styling (some might be positioned). However, I can try to help you with some specific headings.

Kind Regards, Roman.

Hi Roman,

The idea is to only use it on H4 and only on the home page (the site will be a one-pager). For now I’d like the line to be below the “ABOUT” heading you see on the home page but I might want to add one or two more H4 headings on the home page if you scroll down – all H4 with the line if possible. I am using Elementor (the T heading component) to add the heading there.

Once again thank you for taking the time to reply – your advice is much appreciated!

Hello,

You can try to use the Elementor Divider widget, here is its documentation page:
https://docs.elementor.com/article/113-divider

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hi Roman,

Thanks so much! I can’t believe I didn’t think of it myself – it works like a dream.

You are welcome!

Kind Regards, Roman.