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
––––––––––––––––––––––––––––––
Смотрите видео Create a short line above text or a title in CSS and Elementor онлайн, длительностью часов минут секунд в хорошем качестве, которое загружено на канал CSS Express 23 Декабрь 2021. Делитесь ссылкой на видео в социальных сетях, чтобы ваши подписчики и друзья так же посмотрели это видео. Данный видеоклип посмотрели 5,283 раз и оно понравилось 38 посетителям.