Increase spacing between Divi bulleted lists and numbered lists

To increase the space between Numbered lists and Bullet point lists. Add this code to Dashboard > Divi > Theme options > custom css:

.entry-content ul li {
line-height: 35px;
}

Read More

How to center secondary header elements with Divi

To center the telephone number and email address in the secondary header of Divi. Add the following code in custom css of Divi theme's option:

#et-info {
float: none !important;
text-align: center;
}

Read More

Remove Description text in WooCommerce with Divi Theme

To remove the word "Description" from all product listing pages in WooCommerce with Divi.

Add this css code to Divi >> Theme Options >> General Panel >> Custom Css

 

.woocommerce-page div.product .woocommerce-tabs #tab-description h2:nth-child(1) {
display: none;
}

Read More

How to get Divi social media icons to be inline in the menu

If your Divi social media icons are not inline with the email address in the full screen menu. Use this code in custom css field of theme option:

.et_slide_menu_top div#et-info {
padding-top: 0 !important;
}

Read More

Adding a link to Divi featured image posts slider

To link to the post both in the title and in the featured image in posts slider module. Add this custom CSS to to DIVI Custom CSS window.

.et_pb_post_slider .et_pb_slide_title a::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
}

Read More

Creating a custom DIVI style button with CSS

To create a custom DIVI button you can use this CSS on any site and edit it to suit:

.custom-button a:hover {
color: #ffffff!important;
background: #000000!important;
border-color: #000000!important;
border-radius: 2px;
letter-spacing: 1px;
transition-delay:0s;
transition-duration:0.2s;
transition-property:all;
transition-timing-function:ease;
}

Read More

Hide date from related posts in Extra theme

To remove the date from the related posts, add this css code in WordPress admin to Theme Options >> General Panel >> Custom Css.

.related-posts-content .date {
display: none;
}

Read More