Learn how to make a short line above text or a title using CSS and Elementor! This tutorial is using a few lines of custom CSS code with pseudo-element "before" and giving it a bottom border. You then just specify the thickness, color and length of that border to create a line. You don't have to use a divider as a separate widget or to create a line along the whole length of your title. You can make it as long as you like!
💻 Grab the CSS code here:
https://www.cssgamelab.com/2024/11/28...
🚀 Interactive CSS Basics course for designers and non-coders:
https://www.cssgamelab.com/
👉 Get 20% off using the code VELVET20OFF at Checkout.
This tutorial is using Elementor Pro (purchase using the link below), but you can achieve the same effect using the FREE version and a Custom CSS plugin. Moreover, you can apply this code to a class in Custom CSS plugin, assign that class to your text and repeat the same effect with every heading or a title from a single place in your code!
––––––––––––––––––––––––––––––
PURCHASE AND DOWNLOAD ELEMENTOR PRO:
https://be.elementor.com/visit/?bta=6...
––––––––––––––––––––––––––––––
SIMPLE CUSTOM CSS AND JS PLUGIN:
To use custom CSS code with Elementor FREE, I am using the Simple Custom CSS and JS plugin for Wordpress that you can download here:
https://wordpress.org/plugins/custom-...
Have fun and thanks for watching!
If this tutorial helped you, please share or subscribe.
––––––––––––––––––––––––––––––
This video and description may contain affiliate links. If you click on a link and make a purchase, I will receive a commission from the sale. That way you are supporting my channel and allowing me to keep making videos and posts like this. I only promote products that I use, have experience with and support, such as Elementor Pro.
––––––––––––––––––––––––––––––
Have a specific problem in Elementor that you don't know how to solve with CSS? Comment below to let me know which video you would like to see next!
––––––––––––––––––––––––––––––
MUSIC:
Artist: Corbyn Kites
Track Title: Staycation
––––––––––––––––––––––––––––––
Watch video Create a short line above text or a title in CSS and Elementor online, duration hours minute second in high quality that is uploaded to the channel CSS Express 23 December 2021. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 5,283 times and liked it 38 visitors.