Customizing DIVI Testimonial module with a horizontal line

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


Reduce padding from DIVI Blog Grid Layout

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

How to Remove Sidebar from WooCommerce Shop and Category Page

Looking to make category pages full width? There are many posts online that tell you to edit core WooCommerce files. This is not the best practice as there are regular updates to the WooCommerce plugin. When you update the plugin, it will revert back to the page with the sidebar.

Please add this CSS code into Divi > Theme Options > General > Custom CSS field.

#left-area {
padding-right: 0 !important;
width: 100%;
}
#sidebar {
display: none;
}
#main-content .container::before {
display: none;
}

Change No products were found matching your selection background color for WooCommerce

If you install the WooCommerce plugin for WordPress, you may notice some colors do not match your WordPress theme. You can add a CSS over-ride to change the default color here.


Add this CSS code to make the blue background black. 

woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    background: #000!important;
}

Force comment button text to white in Divi

Add this custom CSS to the main theme custom CSS box:

#comment-wrap .comment-reply-link, #comment-wrap .submit.et_pb_button {
color: #ffffff!important;
}
#comment-wrap .comment-reply-link:hover, #comment-wrap .submit.et_pb_button:hover {
color: #ffffff!important;
}

How To Make Divi Blog Grid Posts The Same Height

The Divi blog grid layout does have a limitation, when you have featured images of different sizes, and post titles/excerpts which are different lengths, it can cause the grid to look uneven – even with the ‘Equalize Column Heights’ option checked.

Go to Blog Module Settings > Custom CSS and give the module the CSS Class “new_grid_blog”.

Add the following code to your Custom CSS box:


@media only screen and (min-width: 768px) {
.new_grid_blog .et_pb_post {
min-height: 520px;
max-height:520px;
}
}

New to DIVI?

Check out the new video tutorial clips for getting started with DIVI here.

Search

Tags

Divi Jobs in California e commerce made a real revolution in the industry. NYC Airports Limo offers NYC limo Service and New York Limousine Service from New York City to John F. Kennedy - JFK, LaGuardia Airport - LGA, Newark Liberty Airport - EWR and Westchester County Airport - HPN. NYC Airports Limo use Sedans & SUVs for Limo Service NYC to NJ, Pennsylvania, Connecticut, New Jersey, Long Island, Queens, Brooklyn, Bronx, Staten Island, New York City, Nassau County, Suffolk County & Upstate NY. NYC Airports Limo is has vast experience in assisting clients get to popular destinations.

CT Airlink offers the Airport Shuttle Service throughout Connecticut to JFK, LaGuardia - LGA, Newark - EWR, Boston Logan, Westchester County Airport - HPN and Hartford Bradley Airport. CT Airlink use Mini Coach, Mercedes Sprinters and Luxury Vans for CT Airport Shuttle . Allow us to assist you getting to and from all airports in New York, Connecticut and New Jersey with total ease & comfort or to provide private charter service with our Airport Transportation & Bus Service CT for the entire duration of your stay.