Daily deals for creative professionals. Get amazing limited time offers..

Divi 3.0 WordPress Theme Resource Toolbox

This is our second Divi Theme Resource Toolbox that contains links to most important tutorials, videos and CSS tricks for Divi Theme. Divi is getting better every day and a big thanks to the team of Elegant Themes which is doing a great job. Divi really fall in love and more and more people using it for their websites. Community going bigger everyday. Divi has been updated to support static CSS file generation for both the Divi Builder, The Divi Theme Customizer. Divi will now automatically minify all of the theme’s CSS and JavaScript files. New product tours are built right into the Divi Builder and will take new users, step by step, through a real building process that teaches them all of the Divi fundamentals. Enjoy this great selection of best resources for Divi Theme.

Elegant Themes Tutorials

How to Apply Color Palettes to Your Divi Website (20 examples!) | Elegant Themes Blog
Building Responsive Banners with Divi’s New Background Options | Elegant Themes Blog
Styling Buttons with Divi’s New Background Options (6 Designs Included) | Elegant Themes Blog
How to Create Re-Usable Templates for Your WordPress Blog Posts | Elegant Themes Blog
How to Create an Inline Contact Form with Divi | Elegant Themes Blog
10 Background Design Tricks Now Possible with Divi’s New Background Settings | Elegant Themes Blog
How to Make Your Divi Footer Sticky | Elegant Themes Blog
How to Add Social Icons to Divi’s Primary Menu | Elegant Themes Blog
How to Create a Slide-in Top Bar Ad with the Divi Code Module | Elegant Themes Blog
How to Duplicate Elegant Theme’s Primary Menu with Divi | Elegant Themes Blog
How to Create an “Expanding” CTA like Elegant Themes | Elegant Themes Blog
How to Style Your Divi Blog Page to Look Like Elegant Themes’ New Design | Elegant Themes Blog
How to Style Divi’s Single Post to Match the New Elegant Themes Post Design | Elegant Themes Blog
Customizing Divi’s Secondary Menu Bar with a Call to Action | Elegant Themes Blog

External Tutorials

How to Add Text to Divi Top Header | Divi Booster
Divi Divider with Graphic Accents – Divi Licious
Divi Tutorial – Blurb Cards – Yates Design
How to set up a Divi Child Theme with Dynamic CSS – Divi Engine
DIVI: Regular Sidebar on Page Builder Pages | Sundari Webdesign
Make contact form 7 look like Divi contact form – Divi Theme Examples
Divi Menu Bar With Zoom-In Buttons – Geno Quiroz
How to Create a Promo/Notification Bar in Divi | Divi Life
Background video text mask for Divi – Tutorial – Dus Webdesign
How to Collapse/Show the Divi Theme Mobile Menu on Click | Designs 4 The Web
Create An Image That Scrolls Up When You Hover Over It – Divi Notes
Divi CTA Cards Offer Endless Variety to Call To Action Modules • TRG Web Designs Development Site

Icons

Replace Default List Icon with Font Awesome in Divi | Orange Pulley, LLC
Complete list of Font Awesome icons with their CSS content values

Shortcodes

Elegant Theme Shortcodes Explained – Mad Lemmings

Divi Plugins

Monterey Premier’s Divi Child Theme & Plugin Marketplace
Divi Plugins | WordPress Plugins for Elegant Themes Divi
Elegant Marketplace – Plugins
Divi Life – Plugins and Extensions for the Divi Theme Framework
Default Page Builder Layout (For Blogs) | Divi Space
Page Builder Everywhere | Aspen Grove Studios

External Divi Layouts

Monterey Premier Themes by Geno Quiroz
Premium Divi Child Themes for Sale – BeSuperfly
Unicorn Bundle By Divi Den
Webdesign Berlin
YouDivi – Divi & Extra theme tutorials, layouts and design ideas
Divi Theme Layouts – Divi Theme Layouts
Divi Ultimate – Divi Child Theme

Related:

Ultimate Divi Resource Collection | Divi Tutorials and More
Divi Guide: Our Top 10 Frequently Used CSS Tricks and Fixes – Nexus Studios – WordPress Web Site Design & Hosting
Divi Freebies – Divi Tutorials Directory

For newcomers – Introducing Divi 3.0

Divi 3.0 introduces a complete new front-end editor that has been re-built from the ground up using React, a modern JavaScript library for user interfaces. This new builder allows users to edit their WordPress pages on the front-end of their website using simple and beautiful visual controls.


Divi by Elegant Themes – Powerful, Flexible, Beautiful‎

Get Divi WordPress Theme

David

Graphic and web site designer, specialising in developing modern and responsive WordPress, PrestaShop custom themes, templates, plugins and modules.

This Post Has 4 Comments

  1. Excellent list David! A lot of great tutorials and sites listed here.

    1. Thank you, I will update this post frequently next few weeks.

  2. Don’t forget Superfly for Divi Child Themes, Layouts, Plugins, and Tutorials! =)

    1. You are welcome, thank you for the suggestion, link added.

Leave a Reply

More:

Close Menu

Pin It on Pinterest