WordPress.org

Ready to get started?Download WordPress

Forums

IE CSS3 Support
[resolved] Error adding Stylesheet. Invalid file format. (4 posts)

  1. leejosepho
    Member
    Posted 1 year ago #

    I have a Twenty Twelve Child Theme in 3.5. I activated the plugin on one of my sites and received this error:

    Error adding Stylesheet. Invalid file format.

    What can I do to try to correct that?

    Many thanks.

    http://www.nonameyet.org/ - http://www.nnywriters.com/

    PS: I had only tried the plugin on one of my sites and I see some encouraging improvement in spite of the error!

    http://wordpress.org/extend/plugins/ie-css3-support/

  2. leejosepho
    Member
    Posted 1 year ago #

    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!

  3. Cristopher Dino
    Member
    Plugin Author

    Posted 1 year ago #

    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:

  4. leejosepho
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic