Listing Category: General know-how

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

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

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…

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