Welcome to Day 87 of our Divi 100 Marathon. Keep tuning in for 100 days in a row of awesome Divi resources as we count down to the amazing release of Divi 3.0 on the final day of the series!


There are only 13 days left in the Divi 100 marathon, and that means there are only 13 days left until the launch of Divi 3.0! Over the past week our beta testers have been pushing the limits of the new visual builder and we have been squashing bugs left and right. Things are looking really good and I couldn’t be more excited for the big day on September 7th. If you haven’t been following along with the Divi 100 marathon and are just hearing about Divi 3.0 for the first time, I encourage you to check out our first and second video sneak peeks that offer additional glimpses into this amazing update.

There are a lot of things to be excited about in Divi 3.0, but each new feature helps to champion a common goal: to give you the power to build things visually. What makes the new visual builder so special is that it allows you to edit your website on your actual website. You are no longer limited to a backend builder and its block-based representations of content elements. There is no longer a need to preview your content and there is no mystery as to how each adjustment will affect your design because the entire building process happens right before your eyes.

One of the best examples of Divi 3.0’s visual nature is the new In-line Editor. The In-line Editor allows you to add, edit and style text content directly on your page without ever opening a module’s settings panel. Just click and start typing! You can compose entire posts with a single column and text module and the experience is wonderful. Plus, the new in-line editor gives you additional options like custom fonts and text sizes. It’s perhaps my favorite part of Divi 3.0, and today I would like to give you a quick look at how it works. Enjoy!

One More Sneak Peek To Come

Next week I will be posting my final Divi 3.0 sneak peek, so be sure to follow along with the Divi 100 marathon to get a final glimpse at the new builder before we launch. In the meantime, let us know what you think of what we have shown you so far and stay tuned for the last two weeks of the Divi 100 marathon for your daily dose of Divi goodness 🙂

divi-2-6-logo

Divi 100 Day 87

The Countdown To Divi 3.0

This post is part of our Divi 100 marathon. Follow along as we post free Divi resources for 100 days in a row! This 100-day countdown will end with the game-changing release of Divi 3.0, including our brand new visual editor built from the ground up using React. Divi 3.0 will change the way you build websites with the Divi Builder forever!
Let the countdown begin.

jQuery(document).ready(function(){jQuery(“#DIV_TO_PLACE_COUNTDOWN”).jCountdown({timeText:”2016/9/7 7:00:00″,timeZone:-8,style:”slide”,color:”black”,width:0,textGroupSpace:15,textSpace:0,reflection:false,reflectionOpacity:10,reflectionBlur:0,dayTextNumber:1,displayDay:true,displayHour:true,displayMinute:true,displaySecond:true,displayLabel:true});});Learn More About Divi 3.0

.section-header{width: 520px; padding: 50px 40px 20px; margin: 100px 0; text-align: center; color: #fff !important; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #6c2eb9; background-image: url(https://cdn.elegantthemes.com/blog/wp-content/uploads/2016/04/divi-100.jpg); background-repeat: no-repeat;}.section-header h2{margin-top: 0 !important; color: #fff;}.section-header strong{color:#fff;}.section-header img{margin-bottom: 10px;}.section-header:after{position: absolute; bottom: -16px; left: 50%; margin-left: -16px; width: 32px; height: 32px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content:”; background: #6c2eb9;}.divi-demo-link{border-bottom: 4px solid #00d5b5; margin-top: 15px; border-radius: 4px; transition: all.5s ease-in-out; display: block; width: 100%; padding: 10px 0; text-transform: uppercase; font-weight: bold; text-align: center; color: #1C695D; background-color: #00efcb;}.divi-demo-link:hover{text-decoration: none; background-color: #2CFFDF;}.divi-download-link{text-align: center; font-size: 18px; border-radius: 4px; padding: 20px; color: #fff; display: block; margin: 10px 0 10px; background-color: #7e3bd0; transition: background .5s; text-decoration: none; font-weight: bold;}.divi-download-link:hover{background-color: #C04BDE; text-decoration: none;}hr{border-style: solid; margin: 0 0 40px 0; border: 1px solid #EAEBEB;}

The post Divi 3.0 Video Sneak Peek #3: Editing Content On Your Page With The New In-line Editor appeared first on Elegant Themes Blog.

View @ ElegantThemes

Leave a Reply