Hero sections

Simple Text Carousel

Simple Text Carousel Thanks to ElemenHOW Watch Tutorial Code for the Elementor text carousel with three texts: Code for the Elementor text carousel with two texts:(Replace existing code) Replace the HTML code with this: <style>/* For 2 texts */.textcarousel, .textcarousel2{pointer-events: none;opacity: 0;}.textcarousel{opacity: 0;-webkit-animation: tcarousel 10s ease infinite;animation: tcarousel 10s ease infinite;}.textcarousel2{opacity: 0;-webkit-animation: tcarousel 10s ease …

Simple Text Carousel Read More »

Teleporter Hero

Teleporter Hero Thanks to Oooh Boi Download Steroids for Elementor Watch Tutorial Heading here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Click here Heading here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Click …

Teleporter Hero Read More »

Liquid Accordion

Liquid Accordion Thanks to Oooh Boi To get same responsive result (on mobile) as this, use “OoohBoi Steroids for Elementor” Insert custom CSS, is in the Page Settings: @media(min-width: 768px) {.liquid-column .elementor-widget-wrap {opacity: 0;}.liquid-column:hover .elementor-widget-wrap {transition: opacity 0.4s ease 0.2s;opacity: 1;}.liquid-column {height: 500px;overflow: hidden;flex: 1;transition: flex 0.3s ease;}.liquid-column:hover {flex: 3;}} @media(min-width: 768px) {.liquid-column-small .elementor-widget-wrap {opacity: …

Liquid Accordion Read More »

Animated border

Animated borders Can be used on Sections, Columns and Elements The css is inserted in the first column Thanks to Element Or Codes Requires PRO Watch Tutorial This is the heading Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. This is the heading Lorem ipsum …

Animated border Read More »

Moving background

Moving background Do not work on mobile… Thanks to Elementor or Codes Watch Tutorial Menus Sections Hero sections Misc  How to use Menus Show-hide Header on Scroll Watch and download » Sticky vertical menu Watch and download » Header that shows anywhere on page with hamburger icon Watch and download » Full screen menu (popup) …

Moving background Read More »

Sticky Scrolling

Sticky, scrollable content Thanks to Ooo Boi Watch Tutorial By OoohBoi This training file uses “Steroids for Elementor” add-on. Download/install from the official WP plugins repo if the layout looks shitty! Watch Tutorial Finibus pretium tortor. Ut cursus gravida arcu, in placerat nulla. Overtitle or else? Custom Css to insert Go to (page) settings -> …

Sticky Scrolling Read More »

Horizontal Scroll

Great ideas for Elementor Horizontal Scroll Thanks to Evelyn Weiss. Requires PRO Watch tutorial Download .json file Download and unzip the file Import to Elementor template our teaching team Stella Lindley ui/ux web master A strict teacher that has been teaching since the age of 16. Stella won’t give you any slack, so you will …

Horizontal Scroll Read More »

Animated Scroll Down Arrow

Animated Scroll Down Arrow Thanks to TemplateMonster Watch Tutorial Add Your Heading Text Here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Download .json file Download and unzip the file Import to Elementor template

Fixed sliding

FIXED SLIDING IS AWESOME! Download .json file Download and unzip the file Import to Elementor template

Flexpanels

Flex panels Thanks to Frank Tielemans Requires PRO Watch Tutorial Edit css in the Section “Flexpanels” Mars Mars Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Explore Venus Venus Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar …

Flexpanels Read More »