Divi and WordPress Snippets

A collection of code snippets for Divi and WordPress users to cut and paste into websites, including code for CSS, JavaScript, HTML, and PHP. Check out these video tutorials on Divi tweaks to learn how to apply code snippets to your website for unique customization.

  1. Difficulty Intermediate
    Language CSS
  2. Difficulty Intermediate
    Language CSS, HTML
    Category
  3. Difficulty Beginner
    Language CSS
    Category
  4. Difficulty Beginner
    Language CSS
  5. Difficulty Advanced
    Language HTML
  6. Difficulty Intermediate
    Language CSS, HTML, JavaScript
    Category

Before You Start

Build a Child Theme

Child themes are incredibly important for the overall look, feel, and navigation of your website, so we encourage you to take the time to get to know the content. This will help your web design and development processes tremendously. That’s why we’ve made it super easy to build a child theme for Divi or Extra in seconds!

Generate Child Theme

How to Add JavaScript and jQuery to Divi

There are four ways you can add JavaScript or jQuery to a Divi website: use the code module, the Divi Theme Options console, enqueue scripts using the functions.php file, or using a plugin.

Read More

How to Add CSS to Divi

Divi users can choose between five different methods to add custom CSS to their websites. Read more about these various methods you can use to add custom CSS to your Divi theme, as well as better understand the pros and cons of each method.

Read More

Stay Up to Date in This Fast-Moving Industry!

Whenever you’re ready to go from „Divi user” do „Divi Master”, our courses will help you take that next big step!

Divi Modules Creators Course

Divi Business Expert Course

Transforming Divi with CSS & JQuery