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

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

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

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

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