WordPress.org

Forums

[closed] How to upload custom stylesheet for Internet Explorer (2 posts)

  1. felilikesflowers
    Member
    Posted 2 years ago #

    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

  2. Andrew
    Nuh uh moderator
    Posted 2 years ago #

Topic Closed

This topic has been closed to new replies.

About this Topic