WordPress.org

Ready to get started?Download WordPress

Forums

Polaroid Gallery
Gallery not visible in posts with IE9 and FF 16 (3 posts)

  1. tsee
    Member
    Posted 1 year ago #

    Hi,
    thanks for this great plug-in. My photos look awesome in this gallery.
    But my problem is you can only see my galleries in posts with Safari or Chrome.
    If I use IE9 or FF16 the galleries are not visible.
    One example: http://www.personalitymeetsstyle.com/en/handmade/

    I installed the latest version 2.0.7 of polaroid gallery and I'm using 3.4.2 of wordpress.

    What can I do to use it with FF and IE?

    http://wordpress.org/extend/plugins/polaroid-gallery/

  2. mzwartscholten
    Member
    Posted 1 year ago #

    Hi 'Tsee' or anyone else who reads this,

    I'm having the same problem with this nice plugin; it's not visible on Internet Explorer and Firefox. And of course, I really want it to work!
    I changed the themes, no result. I deactivated other plugins, no result.

    'Tsee', I saw that you solved the problem. Can you please tell me how you did that?
    Otherwise, the designer of this plugin?

  3. tsee
    Member
    Posted 1 year ago #

    Hi there,

    well, a friend edit it for me. Here is the css-file. I can`t tell you what she fixed but it works.

    @charset "utf-8";

    @font-face {
    font-family: 'GoodDogRegular';
    src: url('../fonts/GoodDog.eot');
    src: url('../fonts/GoodDog.eot?iefix') format('eot'),
    url('../fonts/GoodDog.woff') format('woff'),
    url('../fonts/GoodDog.ttf') format('truetype'),
    url('../fonts/GoodDog.svg#GoodDog') format('svg');
    font-weight: normal;
    font-style: normal;
    }

    .polaroid-gallery {
    clear: both !important;
    position: relative !important;
    margin: 40px 20px 40px 20px !important;
    padding: 0 !important;
    visibility: hidden;
    zoom: 1;
    }
    .polaroid-gallery a.polaroid-gallery-item {
    position: relative !important;
    display: block !important;
    float: left !important;
    padding: 10px !important;
    margin: 0 !important;
    background: #fff !important;
    text-decoration: none !important;
    color: #000;
    }
    .polaroid-gallery a.polaroid-gallery-item:after,
    .polaroid-gallery a.polaroid-gallery-item:before {
    z-index: -2;
    position: absolute;
    background: transparent;
    width: 70%;
    height: 55%;
    content: '';
    right: 13px;
    bottom: 8px;
    -webkit-transform: skew(15deg) rotate(6deg);
    -moz-transform: skew(15deg) rotate(6deg);
    -ms-transform: skew(15deg) rotate(6deg);
    -o-transform: skew(15deg) rotate(6deg);
    transform: skew(15deg) rotate(6deg);
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    }
    .polaroid-gallery a.polaroid-gallery-item:before {
    z-index: -3;
    left: 13px;
    right: auto;
    -webkit-transform: skew(-15deg) rotate(-6deg);
    -moz-transform: skew(-15deg) rotate(-6deg);
    -ms-transform: skew(-15deg) rotate(-6deg);
    -o-transform: skew(-15deg) rotate(-6deg);
    transform: skew(-15deg) rotate(-6deg);
    }
    .polaroid-gallery a.polaroid-gallery-item .polaroid-gallery-image:before {
    z-index: -1;
    position: absolute;
    background: #fff;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -webkit-border-radius: 0 0 100px 100px / 0 0 3px 3px;
    -moz-border-radius: 0 0 100px 100px / 0 0 2px 2px;
    border-radius: 0 0 100px 100px / 0 0 3px 3px;
    }
    .polaroid-gallery a.polaroid-gallery-item:hover .polaroid-gallery-image:before {
    -webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    }
    .polaroid-gallery a.polaroid-gallery-item .polaroid-gallery-image {
    display: block !important;
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    max-width: auto !important;
    min-width: auto !important;
    background-position: 0 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4) inset;
    }
    .polaroid-gallery a.polaroid-gallery-item .polaroid-gallery-scratches {
    z-index: 1997 !important;
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    max-width: auto !important;
    min-width: auto !important;
    background: transparent url(../images/scratches.png) 0 0 repeat;
    }
    .polaroid-gallery a.polaroid-gallery-item .polaroid-gallery-text {
    position: relative !important;
    display: block !important;
    font-size: 22px !important;
    line-height: 26px !important;
    height: 26px !important;
    padding: 0 5px !important;
    margin: 0 -5px !important;
    max-width: auto !important;
    color:#333;
    min-width: auto !important;
    overflow: hidden !important;
    visibility: hidden !important;
    font-family: "GoodDogRegular", Georgia, serif;
    }
    .polaroid-gallery a.polaroid-gallery-item:hover .polaroid-gallery-text {
    visibility: visible !important;
    height: auto !important;
    }
    .polaroid-gallery a.showcaption .polaroid-gallery-text,
    .polaroid-gallery a.showcaption:hover .polaroid-gallery-text {
    visibility: visible !important;
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags