Library
Our Latest Tips
Add ‘View Product’ button beside ‘Add to Cart’ in WooCommerce
‘View Product’ button before ‘Add to Cart’ Add the following code to your functions.php file in order to add the ‘View Product’ button BEFORE the ‘add to cart’ button in WooCommerce shop or archive pages.‘View Product’ button after ‘Add to Cart’ Alternatively, Add the...
Post Navigation Module with Infinite Loop
In order to create an infinite loop on the Post Navigation module, so that your "Previous/Next" buttons continue on after the first/last posts, you can try the following: Upload the Loop Post Navigation Links...
Adjust Spacing of Scroll to Anchor
In order to adjust the spacing of where the scroll-to-anchor lands on the page, copy and paste the following script into the Divi theme options (Integration).
Changing the Spinner on a Gravity Form
Go to the following website and customize your spinner: https://icons8.com/preloaders/en/circular Make your height and width: 20x20 Download spinner. Upload spinner to your Wordpress Media Library. Add the following code to your functions.php file with the relative...
Adding 2 Buttons to the Divi Slider
Add this code to the text area of your slider:...
Remove Related Videos from Youtube Videos
To remove the related videos that follow a Youtube video, add "pa-hide-related-videos" to the Video Module CSS class. Then, enter the following script in the Divi / Theme Options / Integration / Add code to the < head > of your blog:...
Custom Layout for the Comment Form (2 columns)
If you'd like to change the look of the Divi Comment Form and put it into a 2 column layout like the following, here's a quick tutorial on how to accomplish just that.First, go to your Divi folder (/wp-content/themes/Divi) and copy your comments.php file into your...
Make Entire Text Module Clickable
To make a Text Module clickable, add a custom CSS class (ie. clickable-module) under Module Settings / Advanced / Custom CSS ID & Classes / CSS Class, then add the following code to Dashboard / Divi / Theme Options / Integration / Add code to the < head > of...
Style the Last Menu Item
https://blog.youdivi.com/tutorials/style-last-menu-item-divi/
Hide The Secondary Navigation On Scroll
https://aspengrovestudios.com/divi-quick-tip-how-to-hide-the-secondary-navigation-on-scroll/
Animate the UberMenu Hamburger Toggle
Ever wanted your UberMenu to switch to an "X" when you tapped the mobile hamburger toggle? It's easier than you might think. Just add the following CSS to our custom CSS area and "Voila!"...
CSS Only Slide-In Menu
https://divi.space/divi-tutorials/css-only-slide-in-menus-for-divi/
Reply To Address Not Showing on Contact Form
You’re probably here because you’ve noticed that the email that came from your Divi Contact Form doesn’t include the sender’s email. This has all to do with spam prevention.
Change number counter % to $ in Divi
Need to change that percentage (%) sign in your Divi Number counter module to a dollar ($) sign? Here’s how.
How to Collapse Nested Sub Menu Items on Divi’s Mobile Menu
https://www.elegantthemes.com/blog/community/divi-mobile-menu-hack-collapsing-nested-sub-menu-items
8 new style for mobile menu of Divi
https://www.needyesterday.com/8-new-style-mobile-menu-divi/
Make Divi Centered and Centered Inline Logo Header Bars Look Like The Default Header Bar On Mobile
https://divicio.us/snippets/make-divi-centered-centered-inline-logo-header-bars-look-like-default-header-bar-mobile/
Customize Footer Credits with Auto-Year
Want that copyright year to automatically update each year? Here’s how.
Customize the Project Permalink
Replace the term “Projects” by creating a custom taxonomy.
Create a Search Field Shortcode
Here’s an easy way to add the WordPress search form to any post or page.
Randomize Order of the Portfolio Grid
Randomize the order of posts in the portfolio grid with these easy steps.
Replace Default Footer with Custom Divi Builder Footer
Create a custom footer that gets injected into every page on your website.
Media Queries Tip Sheet
Below are some quick code snippets you can use in your CSS file to accommodate for iPad and iPhone devices.