CSS hacks that you can use for Internet Explorer

To target Internet Explorer (IE) versions 6 and below, you can use the * html hack:

* html {

  /* Your IE-specific styles go here */

}

To target only IE7, you can use the *+html hack:

*+html {

  /* Your IE7-specific styles go here */

}

To target only IE8, you can use the \9 hack:

.some-class {

  color: blue;

  /* All other browsers */

  color: red \9;

  /* IE8 and below */

}

To target only IE9, you can use the @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) hack:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  /* Your IE9-specific styles go here */

}

Note: These CSS hacks are specific to Internet Explorer and are not supported by other browsers. It's generally better to use feature detection and use modern, standards-compliant techniques instead of relying on hacks like these. 

Posted in

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. 



}

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;

}

Extra WooCommerce category and tags cut-off

 

Extra WooCommerce

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;

}