How to Create Your Blog Page and Post Templates with Divi

Download The Home Page Template by Clicking Here

Download the completed blog page by clicking here.

Download the completed blog post templates

Copy the text below into your Theme Options’ CSS if you are watching the full video series – it will enhance the look and feel of your website and allow you to focus on learning Divi. 

/** Ninja Form CSS Section **/

.nf-form-content input[type=button], .nf-form-content input[type=submit] {
background: #00c775 !important;
width: 100% !important;
border-radius: 2px;
font-weight: bold;
cursor: pointer;
}

.nf-form-content input[type=button]:hover, .nf-form-content input[type=submit] {
background: #029a5c !important;
color: white !important;
}

.nf-form-fields-required {
padding-left: 5px;
}

.ninjactactr {
text-align: center;
}

.nf-form-content textarea.ninja-forms-field {
height: 100px !important;
}

/** Header CSS **/

div#et-info {
float: right;
}

/** Dropdown Menu Custom Font Size */
#top-menu li li a {
font-size: 12px;
}

/** Blog Post Customizations **/

.blogroll-2.et_pb_module article {
margin-bottom: 30px;
}

.customsidebar .et_pb_post {
margin-bottom: 15px;
padding-bottom: 10px;
}

.single .sidebarposts .et_pb_post {
margin-bottom: 15px!important;
padding-bottom: 15px !important;
border-bottom: 1px dashed #151442;
}

/** Pricing Page CSS **/

.customwork .et_pb_pricing li {
padding: 0 0 1.3em 10px;
}

.customwork div.et_pb_pricing_content_top {
padding-top: 15px!important;
padding-bottom: 15px!important;
}

.customwork div.et_pb_pricing li {
padding: 0 0 1.3em 10px !important;
}

.customwork div.et_pb_pricing_content {
padding-top: 15px!important;
padding-bottom: 20px;
}

.noline .et_pb_pricing_content_top {
border-bottom: 1px #000000 !important;
}

/** Gravity Forms Custom CSS **/

.gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select, .gform_wrapper.gf_browser_chrome .ginput_complex select {
margin-top: 15px;
}

input.gform_button {
background: #00c775!important;
width: 100%!important;
border-radius: 2px;
font-weight: bold;
cursor: pointer;
padding: 10px;
color: white;
border: none;
border-radius: 3px;
}

/** Widget Sidebar CSS **/

.et_pb_widget_area_left {
border-right: none;
}

/** Footer CSS Section **/

div#footer-bottom {
display: none;
}