Hide Google Invisible reCAPTCHA Badge with CSS

The correct way to hide the Badge is to use opacity. Using things like display: none and visibility: hidden breaks reCAPTCHA.

.grecaptcha-badge { opacity:0 }

Read More

Make the DIVI phone and email text in header bigger

 You can adjust the header phone and email text with this custom CSS:

#top-header #et-info-phone, 

#top-header #et-info-email, 

#top-header .et-social-icon a { 

    font-size:130% 

}

Read More

How to replace the Google loading gear in Blogger's Dynamic View template

Go to Dashboard - Template - Customize - Template Designer - Advanced - Add CSS - paste the following code (and customize the code as needed) - Press enter after the last character of the last line } - Apply to Blog. 

Enter this below code the custom CSS of the blogger template.

.blogger-gear, .overview-sspe {

background-image: url('https://blogger.googleusercontent.com/img/a/AVvXsEgXYJz_NXvZ-Ahaeg49ULvBtWITPEE4ENqyZ0PMw3Kc0ymnV8C3EafXZ6mprPwN3NyZ8hHnH9205IvqiP7DXQ2PtJuICHDCYFnTzy5O-4AmSbTtS6chK1EQjSj5V8hbiXbknE4J4hmaRQUVBtpJk243SOrG-hiBbmgu0CUIB6pxmzhJyJeukq10EpUKng=s196') !important;

height: 196px !important;

width: 196px !important;

This code has been programmed to add a penguin. Replace the image to suit. 

}

Read More

How to remove "Open your own merch shop today. Always Free." from SpreadShirt store

Are you looking to remove 'Open your own merch shop today. Always Free." from appearing at the top of all your Spreadshirt store pages? Just add the following custom CSS:

Shop >> Advanced >> Edit Shop CSS

.sprd-signup-banner {

    display: none!important;

}

Read More

How to remove the featured image of Divi Extra theme posts

 By default, the posts on Extra display a large featured image. On small screens, this can take up most of the screen and there was previously a simple way to remove this image. It seems Elegant Themes have removed the functionality to easily remove this. 

Please, go to your WordPress Dashboard > Divi > Theme Options > Custom CSS and add the following:

.single-post .post-thumbnail {

    display: none;

}

Read More

Extra WooCommerce category and tags cut-off

 

If you are running the Extra theme with WooCommerce, you may have noticed the WordPress category and tags for your products are being cut off. This is an issue with Elegant Themes and the fix is easy.

Please, go to your WordPress Dashboard > Divi > Theme Options > Custom CSS and add the following:

.product_meta {

margin-bottom: 25px !important;

}

Read More

Increase the logo size on mobile with the Elegant Themes Extra theme

 The logo will appear small on the Extra theme. Please, go to your WordPress Dashboard > Divi > Theme Options > Custom CSS and add the following:

@media (max-width: 480px){

#logo{

    height: 110px !important;

    max-height: 110px !important;

    width: 130px !important;

    position: relative !important;

    top: -31px !important;

}

}

You can change this code according to your requirements.

Read More