Add a “Children of Page” Condition in Elementor Theme Builder
Adds a custom “Children of Page†condition in Elementor Theme Builder, allowing you to apply a template automatically to all child pages of a…
Snippets library
Elementor
81 fixes pulled straight from client work. Each one is the actual problem, the steps, and the code that solved it. Copy what you need.
Add a Glassmorphism Effect to Any Elementor Section
Add a class to section: bpers-glass
Add a Show / Hide Toggle Button in Elementor
This code will help to create a button that can help to hide or show any section/element (using id) on click and on click…
Add a Show More / Show Less Height Toggle to Any Section
Add a class to section or widget: zaib-collapsible
Add an Animated Border to Any Elementor Section (CSS Only)
To apply an animated border to any section, you need to use two sections (wrapper + inner section).
Add an Animated Gradient Background to Any Elementor Section
A Elementor fix, with the code that solves it.
Add Read More / Read Less to Elementor Text Editor
Add a class like rm-25 to any Elementor Text Editor. (You can use any number like rm-10, rm-200 and the number will control the…
Arrange Elementor Tab Titles Horizontally on Mobile (Section)
A Elementor fix, with the code that solves it.
Create a 3D Scroll Gallery in Elementor
You can create a 3d gallery in elementor like this in video: How To Add 3d Image Gallery in WordPress [Elementor]
Create a Fading Divider Line in Elementor
Add this css to divider selecter.
Elementor Form “Your Submission Failed Because of an Error” Fix
The Elementor form error almost always means the notification email could not send. Route mail through SMTP and the error clears. If SMTP works,…
Elementor Server Error 500 (How to Fix It)
A 500 server error in Elementor is almost always a server limit, not a bug. Raise PHP memory, max_input_vars, and execution time to clear…
Error 500 Elementor/Server Side Error
A Elementor fix, with the code that solves it.
Fix an Elementor Sticky Header Overlapping Anchor Sections
Add an anchor menu widget in target section > add respective link/id
Fix the Elementor Menu Border Width Bug (CSS Fix)
Add this is custom css
Hide Icon List Item (with Icon) if ACF Field is Empty
Add icon list and connect with ACF text fields
Make any link not clickable with css
A Elementor fix, with the code that solves it.
Pass URL Parameters Into an Elementor Form
A Elementor fix, with the code that solves it.
Run a Custom JavaScript Function From an Elementor Button
…. Instead of …..
Show ACF Repeater Field In Elementor
Create you acf repeater field and make sure to copy field Name and sub field Name.
Show Multiple Post Types in the Elementor Posts Widget
Source: https://www.scratchcode.io/add-multiple-post-types-in-posts-widget-in-elementor/
Show Trending Posts by Views Count using Custom Query In Elementor
Add this php code in the wp code snippets plugin.
Show/Fetch/Iframe Specific Part of Page to Our Website
There is no direct way to show a specific portion of a page using iframe. But I have written a code in which there…
Swap the Elementor Header on Scroll (Sticky Header Change)
Tutorial Link: https://element.how/elementor-change-header-on-scroll/