Custom Underline Code

Custom Underline In Elementor

Add an underline to Elementor Pro

Other Examples Of Where You Can Use This Code:

Click Here Elementor

CSS Code:

				
					.underline {
background: url(https://diywebsitespro.com/wp-content/uploads/2022/12/1672012185462.png) bottom left no-repeat;
background-size: 100% 10px;
padding-bottom: 8px;
}

Text And Code:

				
					<span class="underline" style="color: #fc07a6;"><em><strong>Elementor</strong></em></span>
Tutorial
alt="tutorials" alt="Hexagon Portfolio Code" alt="GLOWING NEON TEXT" alt="Water Ripple Effect " alt="Water Ripple Effect code" alt="Rotate And Z-Index" alt="Not Linktree" alt="User IP and Location" alt="auto play video" alt="Click Button to Change Image And Text Using Elementor" alt="7 Day Repeat Countdown Timer" alt="Blog Posts Only" alt="Change Background And Text Colour On Scroll Code"
alt="Custom Underline Code"
alt="Magnifying Image Zoom Effect"

This is the heading Elementor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luct Elementor us nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Elementor

Lorem ipsum dolor sit amet,Elementor consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Enter your title

Elementor
$ 39
99
Monthly
  • List Item Elementor
Click Here
This is text element
Elementor
Top Elementor
alt="tutorials" alt="Hexagon Portfolio Code" alt="GLOWING NEON TEXT" alt="Water Ripple Effect " alt="Water Ripple Effect code" alt="Rotate And Z-Index" alt="Not Linktree" alt="User IP and Location" alt="auto play video" alt="Click Button to Change Image And Text Using Elementor" alt="7 Day Repeat Countdown Timer" alt="Blog Posts Only" alt="Change Background And Text Colour On Scroll Code"
<
Home
Custom Underline Tutorial
Elementor Pro Tutorials
Tutorials
YouTube Channel