Convert Slider Navigation Dots to be Vertical – No Plugin – Elementor WordPress Tutorial
Close Elementor Tabs until Clicked – Elementor WordPress Tutorials
Add this to a HTML Widget and place anywhere on the page.
Hide Pages from Search Results – Free Code Snippet – Elementor WordPress Tutorial
Add this to Code Snippets to stop Pages from appearing in your Search Results Template. This will show Posts and Products if you want.
Elementor WordPress Tutorial – Reveal a Menu by Hovering on an Icon with No Close Button Required.
Let’s add an Icon and enable a Menu to appear by hovering with some code. Add the below code to the HTML Widget: Then go to Advanced, and add this CSS Code; To refine the position; go to Advanced; then to Positioning, and then choose Absolute or Fixed and position it.
Elementor – Flex Layout and Content Boxes as Masonry using Code
Until the Official Elementor Flex Containers are out there (at the time of recording they were in BETA mode) – then you can use some code to layout Text boxes in a user-controlled masonry style. Add this to a HTML Widget: Add this to the Custom CSS in the Advanced Tab of the HTML Widget:
Elementor – Gradient Text between other Text for Free
Add this to the Header or Text Editor ‘Text Tab’:
Elementor – Social Sharing or Menu Reveal Buttons – Animated
HTML Code to add to a HTML Widget Add to the Custom CSS for the HTML
Elementor – Vertical Tabs with Image Titles & Templates
Add this to the Tab’s Title: Add this to the Custom CSS for the Tab:
Elementor – Varied Font Text Weightings with Easy HTML
Elementor Book Cover that moves on hover
Add to HTML Widget
