Tutorials

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…

Six Lessons From Six Years of Web Design Freelancing Featuring Josh Hall

We’re back with new Divi Nation interviews, WordPress stories, and lessons from the Divi Community! This week we’ve got Josh Hall on the show. Josh has been a web design entrepreneur for six years now, he’s an active member of the Divi Community online, and he’s even been a…

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

Login Bereich anpassen ohne zusätzliches Plugin

Ich erkläre Euch hier, wie man seinen Login Bereich ohne Zusätzliche Plugins anpassen können. Dieses einfach, durch anpassen einer zusätzlichen CSS Datei. Erstellt in Eurem Child Themes Ordner einen Zusätzlichen Ordner mit dem Namen...

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

Free Divi Child Themes red, blue & greenline

Als ersten Download biete ich Euch ein Divi Child Themes in 3 verschiedenen Farben an. Es ist das red-, blue- & greenline Child Themes. Es sind alle Dateien inbegriffen, inklusive customizer-einstellungen.json, divi-builder-layouts.json und divi-thema-optionen.json. Ihr dürf alles damit machen, ausser ihr dürft es nicht verkaufen!

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

TUTORIAL AWESOMENESS

TUTORIAL AWESOMENESS

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!
close