Listing Category: Modules

Create Color Overlays for Divi Sections

Is anyone else frustrated that there isn’t always a “Background Overlay” option where there is a “Background Photo” option? So were we, so we created this tutorial. Hope it makes all of your lives easier
This tutorial will show you how to create a background overlay where it is not available in Divi. This overlay makes reading the text easier and more stylish…

Create a Slide in Top Bar Ad

As I mentioned a few days ago with my post on how to add a floating action button to your site using the Divi Code Module, I’ve been creating more pens on for use with Divi–both with Code Module for single posts or pages as well as Divi’s theme options for site-wide…

Divi Image Module Shortcode

By using the image module of DIVI theme we can upload the image to our WordPress site in a proper manner. This module automatically decides the size of the image. We can upload the single image or collection of images on the first page as per our desired design. We can upload the image to any place of the website page with animation and image title…

Blurb Modul mit dem Icon auf der rechten Seite

Möchtet Ihr beim Blurb Modul das Icon nicht oben oder auf der linken Seite, dann braucht Ihr nur etwas wenig CSS und schon Funktioniert es….

Customize Divi Button Shortcodes

Hier habe ich für Euch einmal die Buttons von Divi mit CSS etwas angepasst. Es ist nicht das Taste Plugin, sondern die Button Shortcodes von Divi.
Bindest die CSS Datei die Ihr hier Downloaden könnt in Euer Design ein und gebt Eurem Text Plugin die CSS Klasse button1, button2, button3 oder button4 (Bild 1). Es gibt vorerst nur der Button small (Bild 3) in allen Farben, die anderen kommen noch….

Styling Caldera Forms to Look Like the Divi Contact Form

Caldera Forms is one of the most popular and highly-rated (FREE) form plugins in the WordPress repository. It’s drag and drop user interface makes it incredibly easy to build all kinds of forms. If you’re used to using the Divi builder then the Caldera builder should come pretty naturally to…

Divi Video Module Shortcode

Divi theme provides an easy and better way to upload the video in our pages and posts. We can add the video on our page by simply using the Divi video module. We can add or upload the self- produce videos in the form of WEBM, MP4 file format by using the Video Module settings or we can also add the video link to upload the video on our pages and posts….

Post Navigation Module Shortcode

Divi post navigation is an important tool for making the visitor move around your website either in the same category of projects and posts. This module automatically creates the links for next and previous posts or projects based on the order in which they are published. It is the most standard part of any website and we can see these navigation links at the bottom of any post or projects. We often need to use these post navigation links in the slider, footer and anywhere else, then in that situation, we can use the Divi Post Navigation shortcode…

Image Module Shortcode

Images play an important role in enhancing our website design. It acts as the storytellers, which allow people to visualize our product or facilities in a better way. It is noticed that website with beautiful images are mostly viewed more as compare to others. Sometimes Image Module’s features are crucial where we cannot use divi builder so in that case we can use Fullwidth Image module shortcode for adding any image….

Add a Floating Action Button

In today’s post I’m going to show you how to use the Divi Code Module and a codepen code generator I created to add a floating action button to your website…



Join our mailing list to receive latest news and updates from Divi theme tutorials directory.

Get inspired once a week with a list of hand-curated tutorials by top experts on how to increase your website building skills. It's quick, it's easy, it's the best way to increase your productivity.


You have Successfully Subscribed! Please Confirm the Subscription from your mail

Divi ‘tumblr’ Style Fullscreen Scrolling Child Theme See it in action!