Create A WordPress Website With The Divi Theme

Darrel Wilson, WordPress Designer

14 January 2017

The Divi Theme has come a long way. I know many people here are new to wordpress and want to create an amazing wordpress website with divi. Ill Show You How

1. Lets Start With The Basics.

The First thing you need to do is get hosting. I recommend either TMDhosting Or Hostgator

Get Hosting with TMDhosting: https://www.darrelwilson.com/tmdhosting

Get Hosting With HostGator https://www.darrelwilson.com/hostgator

2. After This, you will need to purchase the Divi Theme. You can get 10% off right now here at https://www.darrelwilson.com/divi

The Divi Theme Is The Best WordPress Theme I Have Seen

You can download the images for the tutorial here:

https://www.dropbox.com/sh/r7u2ton2009ihoh/AADfWXI6qyNQHsg1QeFXULqDa?dl=0

Below is a link to the video. Here you can just follow along. However, I have also introduced Custom CSS in this tutorial and you can get that below

Below is the Custom CSS you will need for this tutorial. Please follow as in the tutorial and your wordpress website will look 100% in no time!

To Add The Bar Under The Text Of The Header, Use This Custom CSS

1. Add This in the THEME CUSTOMIZER First

.separator.small {

    position: relative;

    display: block;

    margin: 10px auto 20px auto;

2. After This, Add This into the text module of the call to action as in the tutorial!

<div class=”separator small center ” style=”margin-top: 18px; margin-bottom: 24px; background-color: #d21151; height: 1px; width: 50px;”></div>After These Instructions, your bar should appear like the picture below

Next I will show you the CSS To Make Your Slider FULLSCREEN. You can also visit this tutorial and i show you how

First, Enter This in your theme customizer

.et_pb_slide {

height: 100vh;

}

After this, you will need to go to the divi slider module and paste this in the Main Element:
main element
height: 100vh;

You should have a sullscreen slider like the image below

I Am Just A Silly Horse

The Tutorial is designed to help you get creative with the divi theme. The modules that i used werent really for the purpose they were created but its all about imagination. The divi theme is more like the legos for wordpress. I hope this wordpress tutorial helped.

Good luck with creating your wordpress website with the divi theme. I know it can be long, but remember, your website is on the internet 24 hours a day, use the best!

SubscribeFor FREE Offers And Discounts

SubscribeFor FREE Offers And Discounts

Get The Latest Updated For Your Wordpress Website

You have Successfully Subscribed!

Pin It on Pinterest

Share This