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
WordPress & Shopify Code Snippets
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 Book-an-Appointment Section to Shopify (Custom Liquid)
This is direct HTML/CSS code that you can directly add in the shopify customize using custom liquid widget/section.
Add a Copy Link Button to Any WordPress Page (No Plugin)
A WordPress fix, with the code that solves it.
Add a Glassmorphism Effect to Any Elementor Section
Add a class to section: bpers-glass
Add a Rotated Shadow Hover Effect to Any Section
Add a class to a container:
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 a Sticky Bottom Bar With Buttons on Scroll
Add HTML or custom liquid widget on the target page or in footer if want it sitewide and then paste this code:
Add a Video Background to the Shopify Dawn Image Banner
Go to themes > Edit code > Sections > image-banner.liquid
Add an Animated Background to Any WordPress Section (CSS Only)
Add a class to target section: bpers-animated-section
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 Custom Fonts to a Shopify Theme (No App)
Step 1 — Download Font Files
Add Google reCAPTCHA to the WordPress Login Form (No Plugin)
Add this php snippet in code snippets.
Add Heading Tag Control to the Shopify Dawn Image Banner
Dawn - Image Banner section with Heading Tags & Liquid Block with extended limits
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…
Allow VCF Contact Card Uploads in the WordPress Media Library
A WordPress fix, with the code that solves it.
Arrange Elementor Tab Titles Horizontally on Mobile (Section)
A Elementor fix, with the code that solves it.
Build an Advanced Image-With-Text Section in Shopify
Advanced Image with text sections
Change Your Whole WordPress Site’s Colours With CSS Variables
This is a great way to replace or change colors to whole website just making few changes.
Convert WordPress Uploads to WebP Automatically (No Plugin)
Install Code snippets Plugin.
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.
Disable a Link on Any WordPress Element With CSS
Find unique class/selctor/id of that link
Disable the WordPress File Editor and Block Plugin Installs
(Add this in wp - config)
Disable WP-Cron and Use a Real Server Cron Job
(Add this in wp - config)
Display Any ACF Field With a Shortcode in WordPress
Step 1: Enable Shortcode: Add this code in code snippets (php)
Error 500 Elementor/Server Side Error
A Elementor fix, with the code that solves it.
Extend the Shopify Custom Liquid Section Character Limit
Custom Liquid Extended
Fade Out Carousel Edges With a CSS Overlay
Add this code to respective carousel or section:
Fade Out the Bottom of Any Section With a CSS Overlay
Add a class to that section: .fade-section And then use this code:
Fix an Elementor Sticky Header Overlapping Anchor Sections
Add an anchor menu widget in target section > add respective link/id
Fix Encoded Special Characters in Shopify Meta Titles
Often when we use special characters in meta title like &, “â€. â„¢, > or other is shows in title like this: &, &trade,…
Fix the Elementor Menu Border Width Bug (CSS Fix)
Add this is custom css
Fix the WordPress Allowed Memory Size Exhausted Error
Increase the memory_limit in php.ini or place code in the wp-config.php
Generate a Unique Customer Code on WPForms Submission
A WordPress fix, with the code that solves it.
Hide a Shopify Section When a Metafield Is Empty
Create a metafield and copy its name with type. Like a metafield (video_text_section_01_video_url_) created
Hide a WooCommerce Section for X Days After Purchase
Change the product id and then number of days in front of it.
Hide Icon List Item (with Icon) if ACF Field is Empty
Add icon list and connect with ACF text fields
Highlight any menu item using label
Copy the unique class of li and then apply the css below: