Free Divi Feature List Layout Pack Will Help You Showcase What You Have to Offer in Style

WordPress Development for Intermediate Users: Building Plugins
June 22, 2016
WordPress.tv Blog: Spotlight: WordCamp Miami 2016
June 22, 2016
Show all

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


Feature-List-Sections-Layout-Pack-mock-up

Anyone selling a product or service on their website can get serious mileage out of a good feature list. These lists cut straight to the point by showcasing the “features and benefits” associated with your product or service. Designing a visually appealing feature list will contribute to how enticing your offer is to potential customers. That’s why in today’s post we’re giving away a brand new Divi layout pack with eleven feature list sections for you to use on your Divi website.

Downloading & Using the Feature List Layout Pack

To use this free layout pack on your own Divi website, download the zipped file by using the button below. Locate that file in your downloads folder and unzip it. Next, navigate in your WordPress Admin to Divi > Divi Library and click on the “Import & Export” button at the top of the page.

When the portability modal pops up, go to the import tab. Click the “choose file” button and locate the file within the newly unzipped download that you would like to add to your website. After your selection has been made click the “Import Divi Builder Layout” button and wait for your import to finish.

You will now be able to add these feature list sections to your Divi website by click the “Add From Library” option next to the add new section icon in the Divi Builder.

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.

11 Enticing Feature List Section Layouts

Divi is a fantastic tool for creating landing pages. Often one of the most important sections on a landing page is the feature list that showcases what exactly it is your product or service is offering. Having a well designed feature list can do a lot for your conversions. That’s why we’re providing you with eleven enticing feature list designs for you to use (or tweak) to your liking.

Feature-List-Sections-Layout-Pack-00

Feature-List-Sections-Layout-Pack-01

Feature List Section 01

Feature-List-Sections-Layout-Pack-02

Feature List Section 02

Feature-List-Sections-Layout-Pack-03

Feature List Section 03

Feature-List-Sections-Layout-Pack-04

Feature List Section 04

Feature-List-Sections-Layout-Pack-05

Feature List Section 05

Feature-List-Sections-Layout-Pack-06

Feature List Section 06

Feature-List-Sections-Layout-Pack-07

Feature List Section 07

Feature-List-Sections-Layout-Pack-08

Feature List Section 08

Feature-List-Sections-Layout-Pack-09

Feature List Section 10

Feature-List-Sections-Layout-Pack-10

Feature List Section 10

We Need You! To Participate in Tomorrow’s Divi Survey

Tomorrow’s post is very important for the future of Divi and the Divi Community. We are conducting a Divi Survey that will help to guide the future direction and development of our flagship product. If you want to contribute directly to the improvement of the tool we all use and love, then participating in this survey is the most helpful thing you can do at this moment. Thanks in advance! See you tomorrow!

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 23

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; text-decoration: none;}hr{border-style: solid; margin: 0 0 40px 0; border: 1px solid #EAEBEB;}

The post Free Divi Feature List Layout Pack Will Help You Showcase What You Have to Offer in Style appeared first on Elegant Themes Blog.

View @ ElegantThemes

Skip to toolbar