How to upload custom stylesheet for Internet Explorer
-
Hello,
I’m starting a second post now with the hope, that someone can help me please!!I finished designing my website and it looks the way I want it on Firefox, Safari and Chrome, but not on IE.
So I researched for days and found out that you can create a separate stylesheet specific for IE. Great, I love the idea.
Unfortunately I have trouble realizing it.
I created a second styylesheet called ‘iestyle.css’ and uploaded it to my child theme’s folder (the same folder where the regular style.css file is at) using a FTP client.
in my header.php file I put the following:
<head> <meta charset="<?php bloginfo( 'charset' ); ?>" /> <meta name="viewport" content="width=device-width" /> <title><?php /* * Print the <title> tag based on what is being viewed. */ global $page, $paged; wp_title( '|', true, 'right' ); // Add the blog name. bloginfo( 'name' ); // Add the blog description for the home/front page. $site_description = get_bloginfo( 'description', 'display' ); if ( $site_description && ( is_home() || is_front_page() ) ) echo " | $site_description"; // Add a page number if necessary: if ( $paged >= 2 || $page >= 2 ) echo ' | ' . sprintf( __( 'Page %s', 'twentyeleven' ), max( $paged, $page ) ); ?></title> <link rel="profile" href="http://gmpg.org/xfn/11" /> <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" /> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" /> <!--[if lte IE 7]> <link href="http://www.enlightenedinnergame.com/wp-content/themes/twentyeleventest/iestyle.css" rel="stylesheet" type="text/css" /> <![endif]--> <!--[if IE ]> <style type="text/css"> * { margin:0; padding:0; border:0; } </style> <![endif]--> <?php /* We add some JavaScript to pages with the comment form * to support sites with threaded comments (when in use). */ if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); /* Always have wp_head() just before the closing </head> * tag of your theme, or you will break many plugins, which * generally use this hook to add elements to <head> such * as styles, scripts, and meta tags. */ wp_head(); ?> </head>
I tried changing the font-color to bright red, in order to see if the correct .css file is read by IE now, but nothing is happening.
I’m sitting at it since 4 days now and didn’t found an answer yet.
Please, if anyone can help that would be so awesome!!!!
Thank you so much in advance,
Felicitas
- The topic ‘How to upload custom stylesheet for Internet Explorer’ is closed to new replies.