SmileyLover Blog

If you are Identity Theme for WordPress user, you may notice this theme will broken in IE but fine in Firefox. So would you leave them out? leave it with nothing? or you will fix it? I prefer option to fix it. Because this is a nice layout and just need a small touch for fixed in IE.

As we already know, IE has an extra padding (or margin?) that added to CSS. So we need a little script in our header theme to make IE read different CSS so this theme will show perfectly across browser . Add this code to your header.php theme before wp_head; via theme editor that built in Dashboard > Design > Theme Editor.

<!–[if IE]>
<link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘template_directory’); ?>/style_ie.css” />
<![endif]–>

You’re almost done. And now download this fixed CSS and replaces old CSS in your theme folder.

Download CSS Fixed

If you finished all step, now it’s time to preview theme using IE and Firefox. Everything is OK? Hey, you have done

Just let me know if you found something wrong in different browser (type/version). Happy blogging

No related posts.