[alex5252Participant]

On internet explorer 11 both the front and back of my flip cards are showing at once.

See attachement.

Here is the url: http://mulgrewoil.com/rewards

[alex5252Participant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for writing in! X 4.5.2 is now available in automatic updates! This release contains several bug fixes and a maintenance release in response to WordPress 4.5, so be sure to check out the changelog. Please do update to the latest version. After doing the updates, always remember to clear all caches when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Please let us know how it goes.

[alex5252Participant]

I already have X 4.5.2 installed on this site.

[RadModerator]

Hi there,

Please try adding this CSS to Admin > Appearance > Customizer > Custom > CSS

.x-card-outer.flip-3d.flipped .x-face-outer {
-webkit-backface-visibility: visible;
backface-visibility: visible;
}

Thanks!

[alex5252Participant]

That did not change anything. I did try to clear my cache and that had no effect.

[Nabeel AModerator]

Hi again,

You’re using an old version of Cornerstone plugin. Please update it to the latest version. You can find the latest version numbers here: (http://theme.co/changelog/) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

Let us know how this goes!

[alex5252Participant]

I updated cornerstone, but that did not fix the issue.

[RadModerator]

Hi there,

You added this with two dots.

..x-card-outer.flip-3d.flipped .x-face-outer {
-webkit-backface-visibility: visible;
backface-visibility: visible;
}

I went ahead and changed it. Should be working now.

Thanks!

[alex5252Participant]

Thanks for correcting that, however it is still not working.

[RadModerator]

Hi there,

You should clear browser’s cache and IE is notorious on that aspect. I did the fix directly and tested it.

Here is a video recording https://www.dropbox.com/s/m8niaowecst5qol/bandicam%202016-06-18%2013-28-04-286.mp4?dl=0

What’s your browser version? I checked on Edge browser and it works too.

Thanks!

[alex5252Participant]

Hi,

I did try clearing the cache, I even disabled it. Attached is a screenshot of the version of IE I am testing on.

[ChristopherModerator]

Hi there,

Please try this :

.flipped.x-card-outer .back {
    display: block;
}
.x-card-outer .back.x-face-outer {
    display: none;
}

Hope it helps.

[alex5252Participant]

This had been working, but is not working again. It appears when you hover in IE it just shows a blank card on the back. Could you take a look at it again?

http://mulgrewoil.com/portal/rewards-program/

[RadModerator]

Hi there,

Hmm, is it random? After testing and removing this part, it works. Could you try that too?

.x-card-outer .back.x-face-outer {
    display: none;
}

Thanks!

[Author]

Posts