Listing Category: Tips & Tricks

Layout Design Tips to Optimize Your Divi Web Content

Layout design isn’t as simple as just adding text and images to your page and hoping for the best. A stellar layout can help to attract viewers and guide them to the most important sections of your content. Thankfully, there are plenty of strategies you can employ to make the design process easier. In…

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…

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….

Use TGM Plugin Activation library to auto install required plugins for a child theme

Late last year I discovered something called the TGM Plugin Activation library . It’s relatively easy way install and activate all your favourite plugins after activating your child theme. I’ve written a tutorial for anybody who’s interested in learning more….

Styling Pagination in Divi

It is easy to add pagination to the Divi blog pages simply by installing the free WP-PageNavi plugin, as outlined in this post by Elegant Themes. I just wanted to share an example of styling the pagination, in case it helps anyone. Here is how the pagination appears…

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…

Make the Transparent Menu of Divi Colored on Certain Pages

Recently I saw a help request on Divi Theme Tutorials Facebook group in which the user was asking about how to make the menu background colored for posts while keeping it transparent for the rest of the site…

Add a floating bubble icon that opens contact form popup

Today I would like to show you how to add a floating bubble button that opens a modal popup – it is exactly the same as you see on our website. We use a premium WordPress plugin called – Layered Popups. For this tutorial we will trigger Caldera Forms. This is available for free, and in my opinion, this is the best and the easiest form maker available for WordPress.
For all operations described in this article I would strongly recommend you use a child theme….



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!