NEW Divi Theme 3.0 Visual Editor for Wordpress | Divi Theme Review!

Darrel Wilson · Beginner ·🛠️ AI Tools & Apps ·9y ago

Key Takeaways

The Divi Theme 3.0 release features a new visual page builder and editor, allowing for drag and drop page creation and live changes on the website. The theme offers various customization options, including background overlay, text color, and logo image URL uploads.

Full Transcript

hey welcome guys my name is Daryl and today I'm going to talk to you about the DB themes 3.0 release along with their new visual page builder now the DV theme is known for its drag and drop page builder but now they've made it a lot easier because now you can make changes right on the website visually so you can see what you're doing so for example let's just say I want to change this title up here so I can put the DV theme is great I can swap this around I can do whatever I want visually to see what I'm doing now I personally use the DV theme uh for my website and I actually use it for all my clients websites so this is a website I'm currently building right now and I have used the DV theme so uh it's a very well trusted theme and I highly recommend it now you guys can actually use this demo for free and I'm going to show you how to use it and create a landing page like this in a matter of seconds it's so easy to use this theme so I want to show you guys how to use it so you guys can actually use this theme for free elegant themes has released a free demo so in order to access that you would go to their blog right here and you would go to this first page so it's released on September 7th now just go ahead and scroll down right here I'll also put this in the link in the description to help you guys navigate it and find it so just simply click on try the DV demo for free so this was the page that I brought to so I showed you guys a little bit about how you guys can swap it but let's just say for example I want to make this a little bit bigger maybe I want to duplicate it so it's very simple you see this little logo right here this means to duplicate the row so I can simply duplicate the row and now let's just say you know I really want it a little bit longer so you click on this little row settings click on make this row full width and simply change it and we can simply say you know I want this over here and I want this one over here just like that so it's that easy to sort of create and design your website now let's show you how to introduce a new section so maybe you want something right here let's create a landing page right so I'm going to click on add a new section I'm going to click on full width and I'm going to click on full with header okay so now we have this little box that comes up right here this is the new visual editor and it's very simple to use because it shows you uh how to um you know it shows you what you're doing live so I'm going to put uh Welcome To Mars Welcome To Mars I know right it's a it's a a great title and then put uh get 20% off divy okay and we can change the text color we can change the text and Logo orientation so for example I want to say I want this in the center okay so now it's in the center now I want to make this full screen I want that big beautiful full screen look to it right so I'm going to say make this full screen so you guys can see down right here now it's made this section full screen so now let's sort of you know mess around with the settings a little bit to make it look really unique now go ahead and scroll down and you'll see button text one so maybe you want that as you're about us and we can put a URL right here and for button text two we can put maybe contact us and right here uh you can put in your url maybe to your contact us page and next we're going to put um a background image so I'm going to click on upload and let's go ahead and just put in one of these images these stock images they've put in for us so I've put in this one with these uh these trees right here now I know the text is a little bit harder to read but we'll change that in one second so let's keep scrolling down and go through their options so I want to show you guys the background overlay now the background overlay gives you this really cool effect to sort of make the text easier to read along with adding this really cool effect so for example we can sort of change the change the um you know make it look a little bit more translucent or we can say I want this to be a different color so now we have this really cool effect that we have this uh color overlay and you can do this for all the colors you know you can sort of get creative um whatever theme you know whatever kind of approach you have for your website you can add to it so maybe you want to change that text white so for example we just scroll up right here and click on the text color is light so now we have this you know page right here it's starting it's already starting to look good right it's already starting to come into play so uh it's that easy guys now let's go ahead and add in something else maybe you want to add in a logo image URL so simply click on upload and put in this little DV icon and upload an image so now we have our icon right there and we can keep scrolling down and we can keep adding a lot of other stuff you know like right here we can add in more contents like the divy theme is the best theme out there on the market just like that now we we can actually disable this on the phone and tab it but we're not going to get into that too much right here I just want to show you guys how to use it so next we have this design tab we can sort of Design This content we can make it bigger we can make it smaller so for example um we can scroll down right here the title font color we can change this to maybe something like blue or red or whatever color that you would possibly like now you can also do this with the um the the fonts right here as well as the content fonts so we can change this content font as well maybe you want to change it to something like um um I don't I know we can change it we can we can bold it you know make it look a little bit more readable for our our viewers so right here I'm going to put you know bold just like that now we can also change the content or I'm sorry the font so for example the content font that would be this right here we can change the font to something a little bit more like arvo or something like that or we can do you know whatever font you would possibly like now you can actually make this bigger so we can say I want it by 20 okay that's how big it is maybe let's do 100 you know let's make it Giant but it probably won't look good it'll probably end up like squeezing the page or something like that right so you can add it in like a 100 you know something huge but of course that's way too big so maybe something like you know 18 you know or or 20 or something like that we can also take this right here and sort of test it out to see how possibly big we can make it without sort of interfering with the theme so you guys can see how that works now you guys can also adjust this for the tablet and the smartphone that's what makes DV really really cool so for example this is how you see it on the smartphone we can say you know all right let's go ahead and make it okay that's too big too big too big maybe that's perfect right there so this is how people would see it on the smartphone and you can do this with the tablet as well so for each specific device it's going to look different so that's another really cool feature about the DV Builder now we can change the the content text color we can actually design these buttons as well so you can go ahead and put yes I want to change the button text you know we can change this this button text right here we can change the text color the background you name it guys so they've actually introduced a lot of really cool stuff so um you know if you guys want to purchase this theme uh only through my affiliate link they've given me a um a special discount so you guys will be brought to this page right here where gives you 20% off for just a limited time I don't know how long they're going to do this they don't tell me but if you just go to the website right here and just try to purchase it for example you go to elegan them.com you go to join going to download you're going to get charged $89 but if you go through my affiliate link you guys will only pay 70 bucks so you guys save around you know 20 20 bucks you know so um I highly recommend to use it guys also remember you get a free 30-day money back guarantee so if you don't like it they will give you your money back that's how confident they are to use it along with that they will give you access to their premium plugins which I'm going to have a tutorial on how to use the bloom plug-in which I have for my website right here now it doesn't come up because um I've actually disabled it so uh you know it it doesn't come up but um it is a a premium uh plugin so I highly recommend to get this while it is on sale so that's it guys if you guys have any questions regarding you know how to build Pages or anything else feel free to contact me because I do I use this a lot so I'm I'm pretty fluent with the DB Builder and all of its features they have to offer so I hope you guys enjoy and I'll see you guys all later

Original Description

Try The Divi Demo FREE: https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=33383&url=https://www.elegantthemes.com/blog/theme-releases/divi-3 To purchase and receive 20% off, click here: https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=33383&url=https://www.elegantthemes.com/discount/special/ Learn About The Divi Theme and How To use Its new Visual Editor. This is the newest update with Divi 3.0. In this tutorial, I show you how easy it is to use the divi visual page builder for the divi theme created by elegant themes. Elegant themes will give you a free 30 day money back for its themes. I use the divi website for my website and my clients. Its a really food wordpress theme and i rank it among the best with its page builder. For more tutorials, or to learn how to create a wordpress website, feel free to visit my website at http://www.darrelwilson.com
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from Darrel Wilson · Darrel Wilson · 29 of 60

1 How To Add Google Analytics To Your Wordpress Website 2016!
How To Add Google Analytics To Your Wordpress Website 2016!
Darrel Wilson
2 How To Embed A Youtube Video On Your Wordpress Website in 60 Seconds
How To Embed A Youtube Video On Your Wordpress Website in 60 Seconds
Darrel Wilson
3 How To Make A Wordpress Website | For Business |  2016
How To Make A Wordpress Website | For Business | 2016
Darrel Wilson
4 How to make a Free Wordpress Website for Music or Fanpages - Beginners Tutorial 2016
How to make a Free Wordpress Website for Music or Fanpages - Beginners Tutorial 2016
Darrel Wilson
5 How To Create An Amazing eCommerce Website with Wordpress - 2017 | FREE Theme
How To Create An Amazing eCommerce Website with Wordpress - 2017 | FREE Theme
Darrel Wilson
6 How To Make A  Wordpress Website 2016 | Beginners Tutorial
How To Make A Wordpress Website 2016 | Beginners Tutorial
Darrel Wilson
7 How To Make A Blog With Wordpress - 2016 | Beginners Tutorial
How To Make A Blog With Wordpress - 2016 | Beginners Tutorial
Darrel Wilson
8 How To Create A Beautiful and Free eCommerce Website with Wordpress 2017 (Online Store!)
How To Create A Beautiful and Free eCommerce Website with Wordpress 2017 (Online Store!)
Darrel Wilson
9 How To Make A WordPress Website 2017 - Step By Step Wordpress Tutorial
How To Make A WordPress Website 2017 - Step By Step Wordpress Tutorial
Darrel Wilson
10 How To Create A Stunning and Free eCommerce Website With Wordpress 2017 | Online Store Tutorial
How To Create A Stunning and Free eCommerce Website With Wordpress 2017 | Online Store Tutorial
Darrel Wilson
11 How To Setup Subscriptions and Recurring Payments For Your Website | Paypal Tutorial 2016
How To Setup Subscriptions and Recurring Payments For Your Website | Paypal Tutorial 2016
Darrel Wilson
12 How To Make A PREMIUM eCommerce Website with WordPress | Online Store Tutorial 2016!
How To Make A PREMIUM eCommerce Website with WordPress | Online Store Tutorial 2016!
Darrel Wilson
13 How To Create Amazing Landing Pages For Your WordPress Website! | Divi Theme Tutorial
How To Create Amazing Landing Pages For Your WordPress Website! | Divi Theme Tutorial
Darrel Wilson
14 Yoast Seo Tutorial 2016 - How To Setup Yoast SEO Plugin - Wordpress SEO By Yoast
Yoast Seo Tutorial 2016 - How To Setup Yoast SEO Plugin - Wordpress SEO By Yoast
Darrel Wilson
15 How To Create a Coming Soon(Under Construction) Page in Wordpress 2016!
How To Create a Coming Soon(Under Construction) Page in Wordpress 2016!
Darrel Wilson
16 Onlywire: Promote Your Wordpress Website to +50 Social Networks With Social Media SEO
Onlywire: Promote Your Wordpress Website to +50 Social Networks With Social Media SEO
Darrel Wilson
17 How To Create A Professional and Free eCommerce Website with Wordpress 2017 (Online Store)
How To Create A Professional and Free eCommerce Website with Wordpress 2017 (Online Store)
Darrel Wilson
18 How To Add Intergeo Maps Plugin For Your Wordpress Website
How To Add Intergeo Maps Plugin For Your Wordpress Website
Darrel Wilson
19 Top 11 Best Wordpress Plugins 2018 | Must Have Plugins For Wordpress!
Top 11 Best Wordpress Plugins 2018 | Must Have Plugins For Wordpress!
Darrel Wilson
20 How to Create a Free eCommerce Website with Wordpress 2017
How to Create a Free eCommerce Website with Wordpress 2017
Darrel Wilson
21 How To Make Beautiful Web Pages For Your WordPress Website! | Divi Theme Tutorial
How To Make Beautiful Web Pages For Your WordPress Website! | Divi Theme Tutorial
Darrel Wilson
22 How To Reset Your Wordpress Website | Reset Wordpress Back To Original Settings
How To Reset Your Wordpress Website | Reset Wordpress Back To Original Settings
Darrel Wilson
23 Top 10 Free and Responsive Wordpress Themes 2017
Top 10 Free and Responsive Wordpress Themes 2017
Darrel Wilson
24 How To Add Amazing Resume Layout Packs For Your Wordpress Website | Divi Theme tutorial
How To Add Amazing Resume Layout Packs For Your Wordpress Website | Divi Theme tutorial
Darrel Wilson
25 20 Best Websites To Sell Your Products! The Best Websites To Sell Online !
20 Best Websites To Sell Your Products! The Best Websites To Sell Online !
Darrel Wilson
26 SEO Tutorial For Beginners 2016 | What Is SEO and How Does It Work?
SEO Tutorial For Beginners 2016 | What Is SEO and How Does It Work?
Darrel Wilson
27 Best Web Hosting 2016! FREE DOMAINS! Top 5 Wordpress Web Hosting!
Best Web Hosting 2016! FREE DOMAINS! Top 5 Wordpress Web Hosting!
Darrel Wilson
28 How To Use Facebook Ads For Beginners 2017 | Complete Facebook Ads Tutorial
How To Use Facebook Ads For Beginners 2017 | Complete Facebook Ads Tutorial
Darrel Wilson
NEW Divi Theme 3.0 Visual Editor for Wordpress | Divi Theme Review!
NEW Divi Theme 3.0 Visual Editor for Wordpress | Divi Theme Review!
Darrel Wilson
30 How To Update The Divi Theme to 3.0 | Update Divi Theme From 2.7 to 3.0! Elegant Themes!
How To Update The Divi Theme to 3.0 | Update Divi Theme From 2.7 to 3.0! Elegant Themes!
Darrel Wilson
31 NEW Divi Theme 3.0 Layout Packs! | Divi Theme Review For Wordpress
NEW Divi Theme 3.0 Layout Packs! | Divi Theme Review For Wordpress
Darrel Wilson
32 Divi Theme 3.0 Tutorials for Wordpress. Coming Soon.
Divi Theme 3.0 Tutorials for Wordpress. Coming Soon.
Darrel Wilson
33 How To Make a Wordpress Website 2017 | NEW Divi Theme 3.0 Tutorial For Beginners!
How To Make a Wordpress Website 2017 | NEW Divi Theme 3.0 Tutorial For Beginners!
Darrel Wilson
34 How To Make A Wordpress Website 2017 | NEW Divi Theme 3.0 Tutorial - AMAZING!
How To Make A Wordpress Website 2017 | NEW Divi Theme 3.0 Tutorial - AMAZING!
Darrel Wilson
35 How To Use The Bloom Plugin By Elegant Themes | Add An Email opt-in Form To Your Wordpress Website
How To Use The Bloom Plugin By Elegant Themes | Add An Email opt-in Form To Your Wordpress Website
Darrel Wilson
36 How To Advertise Your Website On Reddit 2016 |  MARKET Your Website and Get Traffic!
How To Advertise Your Website On Reddit 2016 | MARKET Your Website and Get Traffic!
Darrel Wilson
37 Divi Theme 3.0 Customization | Tips and Tricks For Divi 3.0 for Wordpress!
Divi Theme 3.0 Customization | Tips and Tricks For Divi 3.0 for Wordpress!
Darrel Wilson
38 Divi Theme 3.0 Customization and Review | Tips on Divi 3.0 for Wordpress! MUST WATCH!
Divi Theme 3.0 Customization and Review | Tips on Divi 3.0 for Wordpress! MUST WATCH!
Darrel Wilson
39 Flippa.com Review: Buy And Sell Websites + Domains With Flippa Auctions
Flippa.com Review: Buy And Sell Websites + Domains With Flippa Auctions
Darrel Wilson
40 Udemy Course: How To Make A Wordpress Website With The Divi Theme 2016! EVERY MODULE COVERED!
Udemy Course: How To Make A Wordpress Website With The Divi Theme 2016! EVERY MODULE COVERED!
Darrel Wilson
41 How To Create An eCommerce Website With Wordpress 2017 | ONLINE STORE | NEW 3.0 Divi Theme -AMAZING!
How To Create An eCommerce Website With Wordpress 2017 | ONLINE STORE | NEW 3.0 Divi Theme -AMAZING!
Darrel Wilson
42 FREE and NEW 3.0 Divi Theme Layouts For Wordpress - Review, Tutorial, And Customization!
FREE and NEW 3.0 Divi Theme Layouts For Wordpress - Review, Tutorial, And Customization!
Darrel Wilson
43 NEW 3.0 Divi Theme Customization For Wordpress | Create Amazing Animations! -Must WATCH!
NEW 3.0 Divi Theme Customization For Wordpress | Create Amazing Animations! -Must WATCH!
Darrel Wilson
44 How To Add Live Chat In Wordpress For FREE! - Best Live Chat Plugin For Your Website
How To Add Live Chat In Wordpress For FREE! - Best Live Chat Plugin For Your Website
Darrel Wilson
45 Yoast Seo Tutorial 2017 - How To Setup Yoast SEO Plugin - Wordpress SEO By Yoast
Yoast Seo Tutorial 2017 - How To Setup Yoast SEO Plugin - Wordpress SEO By Yoast
Darrel Wilson
46 10k Subscribers. Thank You All!
10k Subscribers. Thank You All!
Darrel Wilson
47 How To Install and Setup Google Analytics To Your Wordpress Website - 2016! EASY!
How To Install and Setup Google Analytics To Your Wordpress Website - 2016! EASY!
Darrel Wilson
48 How To Advertise and Promote on Youtube For Beginners | Youtube Advertising Tutorial 2017
How To Advertise and Promote on Youtube For Beginners | Youtube Advertising Tutorial 2017
Darrel Wilson
49 How To Make A Wordpress Blog - Create A Blog With Wordpress - EXTRA THEME
How To Make A Wordpress Blog - Create A Blog With Wordpress - EXTRA THEME
Darrel Wilson
50 NEW DIVI THEME 3.0 Layout Packs | Importing Divi Theme Layouts For Wordpress
NEW DIVI THEME 3.0 Layout Packs | Importing Divi Theme Layouts For Wordpress
Darrel Wilson
51 How To Make A Parallax Wordpress Website 2017 -NEW!!
How To Make A Parallax Wordpress Website 2017 -NEW!!
Darrel Wilson
52 How To Make The Divi Slider Fullscreen | Divi Theme 3.0 Customization
How To Make The Divi Slider Fullscreen | Divi Theme 3.0 Customization
Darrel Wilson
53 Elementor Page Builder Tutorial - How To Create A Wordpress Website 2017
Elementor Page Builder Tutorial - How To Create A Wordpress Website 2017
Darrel Wilson
54 SEO For Beginners 2017 | How To Rank High In Google | Freelancer.com Tutorial
SEO For Beginners 2017 | How To Rank High In Google | Freelancer.com Tutorial
Darrel Wilson
55 Yoast Seo Premium Tutorial 2017 | Wordpress SEO By Yoast
Yoast Seo Premium Tutorial 2017 | Wordpress SEO By Yoast
Darrel Wilson
56 How To Install Wordpress With TMDhosting - MAXIMUM TMDHOSTING COUPON CODE!!
How To Install Wordpress With TMDhosting - MAXIMUM TMDHOSTING COUPON CODE!!
Darrel Wilson
57 How To Make A Wordpress Website 2019 | Divi Theme Tutorial
How To Make A Wordpress Website 2019 | Divi Theme Tutorial
Darrel Wilson
58 Divi Theme Customization: How to Create Diagonal Lines Between Sections in Divi Theme
Divi Theme Customization: How to Create Diagonal Lines Between Sections in Divi Theme
Darrel Wilson
59 NEW Divi Theme Tutorial On Udemy And Skillshare! 😀
NEW Divi Theme Tutorial On Udemy And Skillshare! 😀
Darrel Wilson
60 Unsplash.com: Best Free Photography Pictures and Images From Around The World | Unsplash Tribute
Unsplash.com: Best Free Photography Pictures and Images From Around The World | Unsplash Tribute
Darrel Wilson

The Divi Theme 3.0 release offers a new visual page builder and editor, making it easier to create and customize websites. With its drag and drop functionality and live changes, users can build and design their websites efficiently. The theme also includes various customization options, such as background overlay and text color changes.

Key Takeaways
  1. Click on add a new section
  2. Click on full width
  3. Click on full with header
  4. Duplicate a row
  5. Make a row full width
  6. Change background overlay color and transparency
  7. Upload and customize logo image URL
  8. Customize text color for better readability
  9. Use design tab to customize content, including font size and color change
💡 The Divi Theme 3.0 visual page builder and editor offer a user-friendly interface for building and customizing websites, making it an ideal choice for beginners and experienced users alike.

Related AI Lessons

I Built a Free AI-Powered YouTube SEO Toolkit With Zero Budget. Here’s What Actually Happened.
Learn how a solo dev built a free AI-powered YouTube SEO toolkit with zero budget and the lessons they learned from the experience
Medium · Startup
How to Create a Second Version of Yourself Inside Obsidian Using AI (Step-by-Step Guide)
Learn to create a second version of yourself inside Obsidian using AI with a step-by-step guide
Medium · ChatGPT
How to prepare for Spain civil service TIC exam using AI in 2026
Learn how to prepare for the Spain civil service TIC exam using AI in 2026, boosting your chances of success with technology-driven study techniques
Dev.to · David García
Going Viral! How I Created AI Kissing Videos Step by Step Easily Using AIAI.com
Create viral AI kissing videos using AIAI.com in a step-by-step process, leveraging AI technology for creative content creation
Medium · AI
Up next
Low-Tech, High-Impact: Replacing Your Receptionist With a $15 AI Phone System
Maximum Lawyer
Watch →