Increase spacing between Divi bulleted lists and numbered lists Posted on 21:04:00by Perry Toone with No comments 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 Posted on 21:00:00by Perry Toone with No comments 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 Posted on 20:56:00by Perry Toone with No comments 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 Posted on 20:54:00by Perry Toone with No comments 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 Posted on 20:49:00by Perry Toone with No comments 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 Posted on 20:44:00by Perry Toone with No comments 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 Posted on 22:44:00by Perry Toone with 1 comment 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