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