Mar 11, 2022 | Blog, Code Snippets
NOTE: This is an advanced post aimed at developers. If you were struggling to figure out how to customize your LearnDash templates using your child theme, well, good luck! Just Kidding! It can be a pain to figure out how to customize your LearnDash templates with your...
Nov 1, 2021 | Code Snippets, Tutorials
Soooo, have you folks heard about the new Full Site Front-End Editing For Divi? Everybody is talking about it and we can’t believe the sheer amount of features the team at Elegant Themes have released over the last month. Full Site Front-End Editing is another...
Oct 12, 2021 | Code Snippets, Tutorials
Having your text links highlighted can be a great way to get people exploring your website and let’s be honest if done right, can look pretty cool. You can Highlight Links in the Divi Text Module with CSS even if you are not a code ninja. You’ll see how...
Sep 30, 2021 | Code Snippets, Freebies
Copy & Paste todays Freebie Code Snippet for your Divi site. It is FREEBIE FRIDAY and for this edition, we have 4 Styles for Your Divi Menu CTA Buttons that were lovingly crafted just for you! These snippets work fantastic with this week’s tutorial on How...
Sep 24, 2021 | Code Snippets, Tutorials
UPDATED: April 22nd, 2022 Today we have a quick Code Snippet for you that will allow you to Reverse Loop Layout Columns in Divi Machine. This is another Code Snippet that was inspired by a request that we received from one of our awesome customers, maybe it was you 😉...
Sep 7, 2021 | Code Snippets, Tutorials
Enhancing some of the stock Divi modules is easier than you think, with just a little bit of code, we can make some pretty awesome changes to give your Divi site more of a custom feel that wows your clients! In this week’s tutorial, we are going to show you How...
Aug 31, 2021 | Code Snippets, Tutorials
Coupons are a great way to convert some visitors into customers, but what if you wanted to Add a WooCommerce Discount Automatically at checkout without needing your customer to enter a code? Or maybe you want some tiered deals based on the number of items in your...
Jun 22, 2021 | Code Snippets, Tutorials
In this week’s tutorial, we are going to show you how you can add attention-grabbing pure CSS Animations to your Divi modules. We will work together to add the CSS code to your Divi install, customize the CSS to change things like the duration of the CSS...
May 10, 2021 | Code Snippets, Tutorials
COMPLEXITY Easy TIME 10 Minutes ASSUMPTIONS Basic knowledge on Divi and WooCommerce. Divi and WooCommerce are already installed and configured. You have some products with assigned categories in WooCommerce. VERSIONS Divi 4.9.4 WooCommerce 5.2.2 So we’ve...
Apr 20, 2021 | Code Snippets, Freebies, Tutorials
Divi is a fantastic tool for rapidly building websites that look and feel amazing, but sometimes there is just this one awesome thing you see on another website that Divi might not be capable of doing yet. Enter jQuery. jQuery is a lightweight Javascript library...
Apr 2, 2021 | Code Snippets, Tutorials
One question we often get is how does one do some fancy things with Add-to-Cart buttons. Or, more specifically, how do I make the button just an icon that is displayed next to the quantity field on the shop pages of my Divi WooCommerce site. Well, we are back again...
Mar 1, 2021 | Code Snippets, Tutorials
Today we have a quick Snippet for you that will allow you to have your cart totals update automatically as you change the quantity field without having to click the update button on the cart page. Simply add these to Divi > Theme Options > Integrations tab,...
Jan 4, 2021 | Code Snippets, Tutorials
By default, WooCommerce hides the product images on the cart page when viewing from a mobile device. This can be quite annoying as images really help sell your products. Add this CSS to Divi > Theme Options > Custom CSS to fix Before...
Jul 23, 2020 | Code Snippets, Tutorials
How to dynamically change a select option in a dropdown using jQuery Here is a nifty trick – if you have a select dropdown but want to have something a bit nicer in appearance and change the value of this drop down dynamically. Not sure what I am talking about?...
May 11, 2020 | Code Snippets, Tutorials
Have you ever wanted a section to be sticky when scrolling to it and be fixed? For years we have been using jQuery to target a specific section and then add a class name. Once this class name has been added to add some custom CSS to make it fixed and set the position....
May 5, 2020 | Code Snippets
If you want Divi to search ONLY products, you are in the right place. We know how frustrating it is that Divi does not search the products but searches everything. This is not great for your customers UX so the snippet below will solve this for you. Add this code to...
Apr 16, 2020 | Code Snippets
If you want to display your SKU on the cart and checkout pages, simply add this code to your child theme in the functions.php file. It hooks into the action “woocommerce_cart_item_name” which is perfect. We hope this helps you in some...
Feb 10, 2020 | Code Snippets
Do you want to make some checkout fields not required such as phone number or the first name? Use this snippet below to do this. In the above we are making the billing first name, last name, phone number, email and country as not required. To add more you need to just...
Feb 7, 2020 | Code Snippets
Have you needed to have a class added to your body for a particular job. Maybe you just need one added or maybe you need one added based on the user role – have you ever wanted to know how to add the user role as a class name to the body? Below are two snippets...
Jan 6, 2020 | Code Snippets, Tutorials
Need to change the text of a string on your WooCommerce shop such as “Billing Details” or “Product” to be something else. Here is a snippet that will help. We have given a few examples so simply replace/remove as you need. Add this text to your...
Jan 2, 2020 | Code Snippets
Has the admin bar ever annoyed you at the top or just wanted to move WP admin bar to the bottom of the browser? Use this snippet to move it to the bottom. Add this to your functions.php file in your child...
Dec 30, 2019 | Code Snippets, Tutorials
Ever wanted to add some CSS to WordPress admin to customise the appearance? Maybe you want to style the admin to look like your agency or if you are like me, love a certain colour and want to see this more often. Simply add this php code to your functions.php file in...
