Support » Plugin: IE CSS3 Support » Error adding Stylesheet. Invalid file format.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Update: The error there was mine, not the plugin’s. I do not yet understand and know how to use the plugin completely, and the plugin has already made a great improvement. I now get my rounded corners in IE8, but I do not get my blue outline around the pages.

    Can you help with that?

    Also, maybe you would have some thoughts related to things in my latest post here:
    http://wordpress.org/support/topic/does-bps-possibly-do-anything-like-headerx-ua-compatible-ie7?replies=28#post-3710355

    Many thanks!

    Plugin Author Cristopher Dino

    (@cristopher-dino)

    Hi Leejosepho,

    Thank you for using my plugin. I’m Cristopher, The developer of the plugin. Sorry for the late reply.

    I think the border problem is not in the plugin. I have checked your CSS code( http://www.nnywriters.com/wp-content/themes/ChapterTwelve/style.css ). I found out that your border( border: 8px solid #69c ) is under a media query condition( @media screen and (min-width: 960px) { ). IE do not support media query condition. I suggest you put the code( border: 8px solid #69c; ) outside the condition( @media screen and (min-width: 960px) { ).

    Your code must look like this:

    body .site {
            border: 8px solid #69c;
    }
    @media screen and (min-width: 960px) {
    	body {
    		background-color: #e6e6e6; /* light gray: http://www.colorhexa.com/e6e6e6 */
    	}
    	body .site { /* added for certain browsers */
    		padding: 0 24px; /* 40px; */
    		padding: 0 1.714285714rem; /* 2.857142857rem; */
    		margin-top: 24px; /* 48px; */
    		margin-top: 1.714285714rem; /* 3.428571429rem; */
    		margin-bottom: 24px; /* 48px; */
    		margin-bottom: 1.714285714rem; /* 3.428571429rem; */
    		-moz-border-radius: 20px;
    		-webkit-border-radius: 20px;
    		-khtml-border-radius: 20px;
    		border-radius: 20px;
    		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); /* very dark: http://www.netgfx.com/RGBaZR/ */
    		max-width: 100%; /* added to attain full-width */
    	}

    Give it a try! let me know if it worked for you.
    Also, If you liked the plugin, I’ll appreciate if you could give it a rate here:

    Give it a try! let me know if it worked for you.

    Perfectly, and I hardly know how to thank you! Being a rookie at all of this, I had no idea I only needed to move one line of code.

    Many thanks.

    Also, If you liked the plugin, I’ll appreciate if you could give it a rate…

    Certainly, and I commend your fine work in making my Twenty Twelve “mobile-first” Theme work so very well in IE.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Error adding Stylesheet. Invalid file format.’ is closed to new replies.