Home › Forums › Graphene WordPress theme › Support

CSS for IE not working in version 1.7

  • Jacques d'Nalgar

    April 25, 2012 at 9:19 pm #4360

    This CSS for the headers of the sidebar sections still renders correctly in all major browsers but in IE is just gray with square corners:

    .sidebar div.sidebar-wrap h3 {

    background-image: url(“http://levantium.com/images/flag.gif”);

    background-position: 0 0;

    background-repeat: no-repeat;

    text-shadow: none;

    color: #fff;

    }

    Look at levantium.com in Firefox, Opera, Chrome, and Safari, and then compare to IE9. Worked fine before upgrading a few minutes ago…

    ronangelo

    April 25, 2012 at 11:19 pm #28053

    have you resolved this?

    I checked the site and it looked the same in Firefox, chrome and IE9.

    Jacques d'Nalgar

    April 26, 2012 at 12:16 am #28054

    Fixed it. Had to change CSS to this:

    .sidebar h3 {

    font-size: 14px;

    padding-bottom: 5px;

    padding-top: 5px;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) /; /* IE8+9 */

    }

    .sidebar div.sidebar-wrap h3 {

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) /; /* IE8+9 */

    background-image: url(“http://levantium.com/images/flag.gif”);

    background-position: 0 0;

    background-repeat: no-repeat;

    text-shadow: none;

    color: #fff;

    }

Viewing 3 posts - 1 through 3 (of 3 total)

  • You must be logged in to reply to this topic.