Welcome to Day 30 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-faq-layout-01-mockup

If there is one page commonly associated with boring design it’s the FAQ page. Meant to be almost entirely a utility page, getting the desired information across is rightly given the priority. However, there’s no rule that says you can’t communicate efficiently and beautifully at the same time. That’s why in today’s post we’re giving away a brand new Divi layout pack consisting of three sleek, modern page designs for FAQ pages.

Downloading & Using the Free Divi FAQ Layout Pack

To use the Divi FAQ Layout Pack on your own Divi website you will first need to download it using the button below. Next, locate the file divi-100-faq-layout-pack.zip in your downloads folder and unzip it. Then, navigate in your WordPress admin to Divi > Divi Library and click 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 select either the All.json file in your recently unzipped folder or any one of the individual FAQ Page Layouts. Once your desired json file has been selected click the blue “Import Divi Builder Layout” button and wait for the import to complete.

Once the import has finished you will now have the ability to load these FAQ layouts on any builder powered page or post by going to Load From Library > Add From Library.

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.

3 Stylish FAQ Page Designs

The three layouts below are modern and minimal, creating great starting points for any website you’ve already designed. You can also use them as inspiration to extend their simple, clean aesthetic to the rest of your posts and pages.

FAQ Layout 01

This first layout is a robust, multi-category approach to an FAQ page. If your readers/customers/clients have a lot of questions then this is the FAQ page layout for you.

divi-faq-layout-01-mockup

divi-faq-layout-01

FAQ Layout 02

The second layout is blocky and specific. It perfect for highlighting the questions and answers to a handful of important questions.

divi-faq-layout-02-mockup

divi-faq-layout-02

FAQ Layout 03

The third and final FAQ page layout is a great in-between of the first two. It’s not as robust as the first nor as sparse as the second. If you’ve got a decent number of questions to be answered but not necessarily multiple categories worth of questions, then this is the layout for you.

divi-faq-layout-03-mockup

divi-faq-layout-03

Tomorrow: Find Out the Results of the Divi Survey

Last week’s Divi Survey was a big success. We received more feedback at one time than we’ve ever received on our most popular product. More than triple the participation of our last survey! And the results provide some interesting insights. Which we’re going to share, right here, tomorrow morning. Stay tuned!

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 30

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 The Free Divi FAQ Layout Pack is the Answer to Boring FAQ Page Designs appeared first on Elegant Themes Blog.

View @ ElegantThemes

Leave a Reply