First, set your Elementor Pro popup as follows Set the width to 100vw (we’ll override this later with CSS) The height to ‘Fit To Content Turn off the overlay, and enable the close button. I…
Super Easy Elementor Text Carousel
Super Easy Elementor Text Carousel Code for the Elementor text carousel with two texts /* For 2 texts */ .textcarousel, .textcarousel2 { pointer-events: none; opacity: 0; } .textcarousel { opacity: 0; animation: tcarousel 10s ease…
Elementor Full Screen Split Navigation Made Easy!
Elementor Full Screen Split Navigation Made Easy! How to create your full screen Elementor navigation Start by importing the template onto your page. You can include as many navigation toggles as needed, both inside and…
How To Easily Create a Circle Button In Elementor
How To Easily Create a Circle Button In Elementor Step 1: the Essential Styles Settings Start by choosing your button’s background color(s) and selecting the desired font. Next, ensure all padding fields at the bottom…
Why You Should Avoid Using !important in CSS
Why You Should Avoid Using !important in CSS Poor Practice Using the !important rule in CSS is widely viewed as poor practice because it forces styles to override all others, regardless of specificity. This can…
Elementor Accordion Scroll To Top Of Opened Accordion
Elementor Accordion Scroll To Top Of Opened Accordion First, add an HTML element on your page where you need the improved UX Elementor Accordion If the accordion appears on just one or two pages of…
Add HTML To The Elementor Lightbox Captions (Links, Bold, ..)
Add HTML To The Elementor Lightbox Captions (Links, Bold) First, let’s add an HTML element on the page where you want the Elementor lightbox HTML To apply this code across all pages, add it under…
Elementor Mega Menu Change Color of Active Parent Item
Elementor Mega Menu Change Color of Active Parent Item First, import this Elementor Mega Menu Active Top Level Color CSS Paste this CSS into the Advanced > Custom CSS section of your Mega Menu element.…
Elementor Open Accordion On Hover Instead of Click
Elementor Open Accordion On Hover Instead of Click First, add this Elementor Open Accordion on Hover code Insert the following code into an HTML element on the same page where your Elementor Accordion is located,…
How To Use WooCommerce JavaScript AJAX Events
How To Use WooCommerce JavaScript AJAX Events Common WooCommerce AJAX Events update_cartThis event is triggered whenever cart quantities are updated. updated_wc_divTriggered after the AJAX update of the cart totals. updating_cartManually triggered before the AJAX request…