Flip cards showing both sides

Support
#1

So in chrome and in microsoft ie the cards are perfect. But in firefox and my samsung tablet the front looks fine until either you click or hover over them.

They show all information on the card front and back missmash.

I checked other css fixes and they do not do the job.

I DO NOT WANT TO LOOSE MY TRANSPARENCY on the card, so the white background workaround, not a real solution.

Again it looks great on some browsers.

Help!

#2

Hi There,

Please provide your URL.

Thanks!

#3
#4

Hello There,

Thanks for posting your site url. I have checked your site and I can confirm that the issue appears to happen in Firefox. To resolve this, please edit your page back in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.flipped .x-face-outer.front {
    opacity: 0;
    transition: opacity 1s ease;
}

Please let us know how it goes.

#5

WOW! Yes it works perfect. You can see the fade quick after it flips, but it looks fine! Thanks!

#6

On behalf of my colleague, you’re welcome. Cheers!

#7

Oops!

um when i look at the flip cards when i turn my 7 inch screen samsung tablet sideways, the problem returns for some reason .Not sure why?

#8

Hi again,

I tried it on different screens and couldn’t replicate the issue on my end, did you try clearing the cache of your device? Clear the cache first and see if this resolves the issue.

Let us know how this goes!

#9

Cleared the cache on the unit and the website. It is funny. It works if the screen in vertical, but not horizontal. This is only an issue with my Samsung model SM-T230NU running Android 4.4.2

Went into the process of wiping the cache partition of the samsung, but not fixing it.

#10

Hi there,

Works okay on my android, what browser you’re testing it with? Though, I can’t test it yet with KitKat OS, I’ll find one and let you know.

Thanks!

#11

ok the browser is the one that Samsung has defaulted into the software in the unit. the android version is 4.4.2

the problem does not happen with google chrome doing the same thing on the same unit. but the standard browser that comes with the unit seems to not like the flip cards.

to be honest, don’t fret about it. if you can solve it great, but if it is too specific an issue it is fine, and i can live with it. it may be a problem for someone else, but I can’t see it really be a huge issue.

#12

Hi there,

Thank you for the report. Honestly the Samsung default browser version 4.4.2 is a bit old browser, but we will inform our development regarding this. If it has other requests and we see there are more users having this problem our development team will surely try to find a backup solution for that. (Most probably disabling the flip animation all together for that case)

Thank you.

#13

Ya good stuff. I mean, really. they can just turn it upright and the cards are fine. or use chrome anyway. the chances are slim on my small 200 visits per week site that anyone is going to encounter this anyway.

#14

Thank you for understanding.