Welcome to Day 28 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!


Divi-Footer-Layout-Pack-01

When it comes to designing websites, one of the most neglected aspects is the footer. Because it’s at the bottom and out of the way, people don’t tend to do much with it, but it can be just as important as the rest of the website. In order to help you create an exciting and purposeful footer, we are today giving away a brand new Divi footer layout pack.

Downloading & Using the Divi Footer Layout Pack

To add the layout pack to your own website, download the zipped file using the link below. Find the file in your downloads folder and unzip it. Then in your WordPress Admin, go to to Divi > Divi Library and click on the “Import & Export” button at the top of the page.

In the portability pop-up window, select the import tab. Click the “choose file” button and select the file from the unzipped download. After your selection has been made click the “Import Divi Builder Layout” button and this will add the layouts to your library.

You can then add new sections on your pages by clicking “Add from library” and selecting a layout from the library. If you wish to use it across your site, open up the section settings and “save and add to library” as a global item. This means that when you edit it on one page, the changes will be made on all other pages.

Download The Layout Pack

All photos courtesy of the generous authors on Unsplash.com via the Unsplash License. Layout Packs are released under the GPL, which means you can use them for free for both personal and commercial projects! By using ElegantThemes.com and our products you agree to our Terms of Service.

10 Unique Divi Footer Designs

Designing a great footer is more challenging than it may seem. That’s why having an attractive starting point is such a valuable resource. The footer designs in this layout pack are highly versatile and can be used as they are or with minor design tweaks for many, if not most, websites.

Divi-Footer-Layout-Pack-01

Divi-Footer-Layout-Pack-02

Divi Footer Layout Pack Design 02

Divi-Footer-Layout-Pack-03

Divi Footer Layout Pack Design 03

Divi-Footer-Layout-Pack-04

Divi Footer Layout Pack Design 04

Divi-Footer-Layout-Pack-05

Divi Footer Layout Pack Design 05

Divi-Footer-Layout-Pack-06

Divi Footer Layout Pack 06

Divi-Footer-Layout-Pack-07

Divi Footer Layout Pack Design 07

Divi-Footer-Layout-Pack-08

Divi Footer Layout Pack 08

Divi-Footer-Layout-Pack-09

Divi Footer Layout Pack Design 09

Divi-Footer-Layout-Pack-10

Divi Footer Layout Pack Design 10

Come Back Tomorrow for a Brand New, Free Divi Extension

In order to keep pace with our Divi 3.0 development schedule we’ve altered our original plan of releasing a Divi Extension every single Tuesday. We are now looking to give a new extension away every other Tuesday–tomorrow being the next one. On Tuesdays where we are not giving away an extension we will have a useful Divi tutorial (like this one from last week) to help you get the most out of the Divi Builder.

Be sure to subscribe to our email newsletter and YouTube channel so that you never miss a big announcement, useful tip, or Divi freebie!

divi-2-6-logo

Divi 100 Day 28

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(http://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;}hr{border-style: solid; margin: 0 0 40px 0; border: 1px solid #EAEBEB;}

The post Free Divi Footer Layout Pack: 10 Unique Footer Designs to Give Your Site a Leg Up appeared first on Elegant Themes Blog.

View @ ElegantThemes

Leave a Reply