WordPress.org

Ready to get started?Download WordPress

Forums

IE CSS3 Support
[resolved] shadow too dark (5 posts)

  1. LuukPotman
    Member
    Posted 1 year ago #

    Hello

    Who can help me ?
    With te theme "Pinboard" I have no shadows in IE8
    Witch "IE CSS3" the shadows are too dark (in IE8)
    How can I make the shadows the same as Chrome and Firefox ?

    thx for the answer...

    regards Luuk Potman

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

  2. LuukPotman
    Member
    Posted 1 year ago #

    my website is http://www.luukpotman.nl
    (under construction)

  3. LuukPotman
    Member
    Posted 1 year ago #

    I mean, the shadows must be lighter in IE8 (the same as Chrome, Firefox and IE9)

  4. Cristopher Dino
    Member
    Plugin Author

    Posted 1 year ago #

    Hi LuukPotman,

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

    The plugin does not support "rgba" color. In which you used. But you can use CSS HEX color code that has a format like this "#000000"(color black).

    For this plugin to work. you need to change your code under "#wrapper":
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
    to
    box-shadow: 0 0 18px #000004;

    rgba code 0, 0, 0, 0.4 is equal to #000004

    so your code must look like this:

    #wrapper {
        background: none repeat scroll 0 0 #F8F8F8;
        box-shadow: 0 0 18px #000004;
        margin: 0 auto;
        max-width: 1140px;
        overflow: hidden;
        position: relative;
    }

    If this works for you. I would appreciate if you could rate the plugin. You can rate it here: http://wordpress.org/support/plugin/ie-css3-support

  5. LuukPotman
    Member
    Posted 1 year ago #

    Helle Cristopher,

    Thanks for the answer ! It works !
    I have change the code (see under)
    My site is now the same in Firefox, IE8/9 and Chrome

    #wrapper {
    background: none repeat scroll 0 0 #d9d9d9;
    box-shadow: 0 0 15px #5b5b5b;
    margin: 0 auto;
    max-width: 1100px;
    overflow: hidden;
    position: relative;
    }

    regards Luuk

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.