Skip to content

Instantly share code, notes, and snippets.

@robincornett
Created August 20, 2013 14:29
Show Gist options
  • Save robincornett/6282104 to your computer and use it in GitHub Desktop.
Save robincornett/6282104 to your computer and use it in GitHub Desktop.
IE8 styling
<?php
add_action( 'wp_enqueue_scripts', 'child_add_ie8_style_sheet', 200 );
/**
* Enqueue a IE-specific style sheet.
*
* Add a style sheet for everyone, then mark it as conditional to IE7 or below.
*
* @author Gary Jones
* @link http://code.garyjones.co.uk/enqueued-style-sheet-extras/
*/
function child_add_ie8_style_sheet() {
global $wp_styles;
wp_enqueue_style( 'child-ie8', get_stylesheet_directory_uri() . '/style-ie8.css', array(), '1.0' );
$wp_styles->add_data( 'child-ie8', 'conditional', 'lte IE 8' );
}
/*
* Stylesheet for IE8 and lower. Based on the first level media query for screens under 1139 pixels.
*/
.header-image .title-area {
background: url(images/logoie.png) center no-repeat; // non-retina logo file
}
.wrap,
.site-inner,
.content-sidebar-wrap,
.footer-widgets .wrap {
width: 960px; // use a set width instead of max-width to force static size.
margin: 0 auto;
}
.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
width: 740px;
}
.content,
.site-header .widget-area {
width: 620px;
}
.genesis-nav-menu a {
padding: 24px 18px;
}
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content,
.content-sidebar-sidebar .content {
width: 400px;
}
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.sidebar-primary,
.title-area {
width: 300px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment