Add Custom Underlined Text In Elementor Using CSS

Опубликовано: 16 Май 2026
на канале: DIY Websites Pro
4,484
19

In this tutorial I will show you how to add highlighted custom underlined text to your Elementor website. This is an extremely easy effect to add using simple CSS to your text and page builder.

Find The Code For This Project Below:
https://diywebsitespro.com/custom-und...

To sign up for Elementor Pro visit:
https://onewebmedia.co.uk/Elementor-P...

For SEO on your website visit:
https://onewebmedia.co.uk/rankmath

If You Need Astra Theme Feel Free To Sign Up At:
https://diywebsitespro.com/astra-theme

Get WP Dark Mode In The Link Below:
https://diywebsitespro.com/WP-Dark-Mode

For website hosting there is two options. SiteGround and NameHero.
SiteGround has an easier layout and is simple to use:
https://onewebmedia.co.uk/SiteGround

NameHero is slightly more technical but is much faster than SiteGround:
https://onewebmedia.co.uk/NameHero

To get protected with NordVPN please do you the link below
https://onewebmedia.co.uk/NordVPN

For CRM and Marketing Software I always recommend ActiveCampaign. Visit:
https://onewebmedia.co.uk/ActiveCampaign

00:00 - Intro - Add Custom Underlined Text In Elementor Using CSS
00:14 - Setting Up Page For Custom Underline
00:31 - Adding Custom Text Code For Underline
01:04 - Changing The Colour Of The Underline Text
01:20 - Changing Custom Under Lined Word Or Words
01:45 - How To Add Custom Underlines Within Text
02:14 - Adding Custom Underline CSS Code
03:12 - How To Create An Underline In Elementor
03:42 - Examples Of Where You Can Use Custom Underline

#css #wordpress #elementorpro