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;
}
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;
}
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.
To hide the Date and Skills from appearing on DIVI project pages, add this to Appearance > Divi Theme Options > ePanel > Custom CSS and add the css code :
.et_project_meta {
display: none;
}
Unable to see your menu on mobile with the Divi Theme?
Please go to your WordPress Dashboard > Divi > Theme Options > Custom CSS and add the following:
#main-header .mobile_menu_bar:before{
color: white !important;
}
If you set your Divi Menu centered, you will see on your Mobile by default “Select Page” before your menu bar. Use this CSS snippet to hide it.
#et_mobile_nav_menu span.select_page {
display:none;
}
To disable to automatic bold setting on Gravity Forms field titles, add this CSS code to your WordPress theme:
body .gform_wrapper .gfield_label {
font-weight: normal !important;
}
CssDorks
AppDorks
AudioDorks
BookDorks
CouponDorks
JobDorks
SeoDorks
PhotoDorks
ThemeDorks
TVDorks
VideoDorks