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:
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
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row make_fullwidth=”off” use_custom_width=”on” width_unit=”on” custom_width_px=”620px” custom_width_percent=”80%” use_custom_gutter=”off” gutter_width=”3″ custom_padding=”50px|||” padding_mobile=”on” allow_player_pause=”off” parallax=”off” parallax_method=”off” make_equal=”off” column_padding_mobile=”on” parallax_1=”off” parallax_method_1=”off” parallax_2=”off” parallax_method_2=”on” parallax_3=”off” parallax_method_3=”on” parallax_4=”off” parallax_method_4=”on” admin_label=”Row” disabled=”off”][et_pb_column type=”4_4″ disabled=”off” parallax=”off” parallax_method=”off” column_padding_mobile=”on”][et_pb_divider color=”#aeaeac” show_divider=”on” divider_style=”solid” divider_position=”top” divider_weight=”1px” hide_on_mobile=”off” admin_label=”Divider” disabled=”off”] [/et_pb_divider][et_pb_text background_layout=”light” text_orientation=”left” max_width=”900px” admin_label=”Text” text_font=”PT Serif||||” text_font_size=”32″ text_font_size_last_edited=”on|tablet” text_text_color=”#363636″ text_line_height=”1.3em” use_border_color=”off” border_style=”solid” custom_margin=”16px||30px|” disabled=”off”]
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
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
After this, you will need to go to the divi slider module and paste this in the Main Element:
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!