You can add transparent shading by adding below to your "additional css" window and adjust the ".5" value as desired.


.et_pb_fullwidth_header.et_pb_fullwidth_header_0 {
background-color: rgba(0,0,0,.5)!important;
}

Enter this custom CSS to hide the Divi menu until the visitor starts scrolling down the page.

Enter the below CSS.

.mobile_menu_bar:before {
color: #A68B59;
position: relative;
top: 0;
left: 0;
font-size: 32px;
content: "\61";
cursor: pointer;
}


You can also disable the menu from showing altogether. 

When the user submits the contact form on the Divi contact form they get the 'thank you message', however to change the font and justification of this message, add the below custom CSS and edit to suit:

#page-container .et_pb_contact_form_0.et_pb_contact_form_container .et-pb-contact-message {
color:aquamarine;
text-align: center;
border: 1px solid lightgreen;
background: orange;
}

The Divi blog module in grid mode may sometimes add padding between rows of posts. No matter what you do (adjust padding/margins/gutter width, etc on each the section, row, and module) it can be a challenge to get rid of it.

The solution is to add the following CSS code to your custom CSS (Divi > Theme Options > General tab > Custom CSS box): 

.et_pb_gutters1.et_pb_row .et_pb_column .et_pb_blog_grid .column.size-1of3 .et_pb_post:last-child {
margin-bottom: 0 !important;
}

With the Divi theme to make the submit button on the contact form module full width. See CSS code below.

Desktop only CSS code:

body #page-container .et_pb_contact_form_0.et_pb_contact_form_container .et_pb_button {
width: 97%;
margin-left: 7px;
margin-top: 6px;
}
body #page-container .et_pb_contact_form_0 .et_contact_bottom_container {
width: 100%;
}

Mobile only CSS code:

@media (max-width: 479px){
.et_contact_bottom_container {
width: 100%!important;
}
.et_pb_contact_submit {
width:100%!important;
}
}

Name the CSS Class of the Module "testimonial-line". Use this CSS Code:    .testimonial-line .et_pb_testimonial_author { margin-top: 35px !important; } .testimonial-line .et_pb_testimonial_description_inner::after { content: ""; position: absolute; text-align: center; width: 40%; left:50%; margin-top: -40px; border-top: 1px solid #939290; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

The blog module in grid mode seems to be adding padding between rows of posts. To reduce this padding, add the following CSS code to your custom CSS (Divi > Theme Options > General tab > Custom CSS box.

.et_pb_gutters1.et_pb_row .et_pb_column .et_pb_blog_grid .column.size-1of3 .et_pb_post:last-child {
margin-bottom: 0 !important;
}