In this Elementor video today, we’re going to show you eight things you never knew you could do with the Elementor text editor widget. We’ll demonstrate how to add borders and spacing, change background colors on hover, and insert dynamic content that updates daily.
Additionally, we’ll cover adding your logo and custom links, creating a card using the Elementor text editor widget, and implementing a text-over-image hover effect. These simple techniques can significantly enhance your Elementor website. Elementor is a fantastic page builder, available in both free and pro versions, and this is another installment in our series of Elementor for beginners videos, you can find the link to the playlist below.
Throughout this series, we’re using the Hello theme built by Elementor, which is optimized for the Elementor page builder, ensuring faster performance. Follow along with this video to discover eight new tricks for maximizing your use of the Elementor text editor widget.
In this video we cover:
Adding a new section.
Adding a new row.
Inserting the Elementor text editor module widget.
Styling and padding.
Typography.
Background transitions.
Borders.
Dynamic content.
Custom CSS
THEMES AND PLUGINS USED IN THESE VIDEOS:
Free Hello Theme for Elementor: https://pcm.wordpress.org/themes/hello-elementor/
Get Elementor Page Builder From Here: https://trk.elementor.com/TryElementorToday
MY YOUTUBE PLAYLISTS:
Elementor For Beginners: https://www.youtube.com/playlist?list=PLqabIl8dx2wrrOIdr_jPqgnoynBt1gDlv
Elementor Ecommerce Shop Site Build: https://www.youtube.com/watch?
v=Sl1Ye9XHhgY&list=PLqabIl8dx2wrrX3YsjpIEL8uq5LnSkrhA
My Elementor Video Playlist : https://www.youtube.com/watch?
v=yN6YlT1Cvqc&list=LLYeyetu9B2QYrHAjJ5umN1Q
Elementor Hover Effects Playlist: https://www.youtube.com/playlist?
list=PLqabIl8dx2wqkGuqlL4RRLwJnBRO47jm2
Check out our playlist page for more videos on this: https://www.youtube.com/c/System22Net/playlists
Sub: https://www.youtube.com/channel/UCYeyetu9B2QYrHAjJ5umN1Q?sub_confirmation=1
MY BLOG
https://web-design-and-tech-tips.com
CSS CODE USED TODAY
/* Link Color Code */
style=”color:#444;”
/* Text Hove Code */
.imsw p {
opacity:0;
transition-duration: .7s;
}
.imsw p:hover {
opacity:1;
}
RECOMMENDED PLAYLISTS
Elementor Ecommerce Store: https://www.youtube.com/watch?v=Sl1Ye9XHhgY&list=PLqabIl8dx2wrrX3YsjpIEL8uq5LnSkrhA
Divi Snippets: https://www.youtube.com/watch?v=x8AURRJVlWE&list=PLqabIl8dx2woGTX6yFqbufkqv-29PiElB
Divi 4 Ecommerce Store: https://www.youtube.com/watch?v=rNhjGUsnC3E&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9
Bootstrap 4 Basics: https://www.youtube.com/watch?v=PwUw2kgnkls&list=PLqabIl8dx2wocDgvU7lEirYjNNrm6iXGb
Elementor: https://www.youtube.com/watch?v=bYqbLiWWC-k&list=PLqabIl8dx2woAs4sOmMsgCU0cAqcyiDco
WordPress Tips: https://www.youtube.com/watch?v=3QlczYducdU&list=PLqabIl8dx2wpKhMW14Q1Rxwx864Zwx-1e
Subscribe: https://www.youtube.com/channel/UCYeyetu9B2QYrHAjJ5umN1Q
Disclaimer: Some of these links are affiliate links where I’ll earn a small commission if you make a purchase at no additional cost to you.
#ElementorTips, #WebDesign, #ElementorTutorial, #WebsiteDevelopment, #WordPressTips, #ElementorTricks, #TextEditorWidget, #ElementorHacks, #WebDev, #CreativeDesign