Create a Simple and Professional Contact Us Page with Divi

Download The Home Page Template by Clicking Here

Download the completed contact page by clicking here.

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;
}