Support » Themes and Templates » 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

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘How to upload custom stylesheet for Internet Explorer’ is closed to new replies.