Elementor – Varied Font Text Weightings with Easy HTML
Elementor Book Cover that moves on hover
Add to HTML Widget
Popping Animated Elementor Button using HTML and CSS for Free
Add a HTML Widget
Growing Animated Elementor Button using HTML and CSS for Free
Add a HTML Widget
Wavy Animated Elementor Button using HTML and CSS for Free
Add a HTML Widget
Elementor – Automated Lopping Image Scrolls with No Extra Plugin for Free
Add a HTML Widget and place this into the Content: Then in Custom CSS for the HTM Widget add: (make sure that you modify the URL for the Image)
Elementor – Add an Interactive Shop Layout with Grid Modification – for Free – with No Plugins
Add this to place images into the Tab Title: Add this to Custom CSS for the Tabs to modify the Title Padding: Add this to Custom CSS to modify the Tabs Title Layout for the Mobile:
5 CSS Tricks for Elementor Accordions
Add to Custom CSS: .accordx .elementor-tab-title.elementor-active{background-color: #ff0000;font-size: 2REM;} .accordx .elementor-tab-title{background-color: #D0D0CE;font-size: 1.1REM;} .accordx .elementor-accordion > div:first-of-type { display:none;} /The bit below adds the top border back in/.accordx .elementor-accordion {border-top-style: solid;border-top-width: 0px;border-top-color: #ff0000;} .accordx .elementor-tab-title {border-radius: 25px;}.elementor-tab-content.elementor-clearfix {margin-top: 8px;border-radius: 25px;}
Elementor – Add Images to the Titles of Tabs with No Plugin
Add this to the Title setting for the Tab:
Elementor – Add Interchangeable Icons to Tabs
First add this Code into each Tab Title <span class=”custom-font-sec-h”><i style=”color: #000000; margin-right: 10px; font-size: 20px;” class=”fas fa-minus custom-font-h”></i><i style=”color: #FF0000; margin-right: 10px; font-size: 20px;” class=”fas fa-plus custom-font-h”></i><span/> Tab #1 Then Add this into the Advanced CSS for the Tabs .elementor-active .custom-font-h:nth-child(1){ opacity: 1; transition: all 0.3s ease; background: […]
