Docs

[4ROI]

Strange thing happened with the site. I am not changing anything on it, but the cards are not displaying correctly. The all show the text from the back of the card upside down. They still flip and show text correctly but the front of the card displays like the attached screenshot

[Rupok]

Hello there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[4ROI]

This reply has been marked as private.

[clarityconsultants]

Was this ever resolved and is there a fix? We are having the same issue. Sporadically, the flip cards will all show the back and upside down upon page load. The front never displays. That’s how it currently is on our stage site (http://a52.b4e.mwp.accessdomain.com/), scroll near the bottom. Production (http://clarityconsultants.com/) still looks ok but I am scared to push stage to prod if it will break the cards. Any help much appreciated.

[Rad]

Hi Guys,

I guess that’s about IE browser, it doesn’t have full support for modern CSS’s standard. Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

@media all and (-ms-high-contrast:none) {
.flipped .x-face-outer.back {
-webkit-backface-visibility:visible;
backface-visibility:visible;
}
}

Thanks!

[4ROI]

Actually, I am not using i.e. Not sure what it was, but it looks like it is fixed now. Maybe had something to do with the update. I’ll go ahead and add the code as well. Thanks

[Friech]

Glad that you sorted things out, please feel free to get in touch with us regarding any further queries about the X|Theme and Cornerstone.

Cheers!

[clarityconsultants]

So my issue is with all browsers. The cards are showing upside down and the back by default. I took a look at the CSS. I found that this resolves my issue completely.

.x-card-outer.flip-3d.flip-from-top .back {
z-index:0;
}

Not sure if that’s a long term solution, but it resolved my problem for now. Thanks for all the help and feedback!

[Friech]

Hi There,

I did try to remove that z-index:0; attribute but I can’t replicate the issue any more, and I can’t seem to find a relation between the z-index and a upside down card. Anyway glad things sorted out.

On other note, please update your VC as it is a few update behind, to avoid compatibility issue.

Thanks.

[clarityconsultants]

Thank you for testing it out. Yes, that CSS change has resolved our issue, not sure why, but I will leave it in place.

Thank you for bringing up VC, i have tried repeatedly to update it on both our stage and prod sites and continue to receive this error message “An error occurred while updating WPBakery Visual Composer: Update package not available.” Are there any work arounds?

[Nabeel A]

Hi there,

Please deactivate the Visual Composer plugin first and then update the plugin. If this doesn’t work then go to Dashboard > Updates and click “Check Again”? This will allow X to populate the package destination.

Let us know how this goes!

[clarityconsultants]

Hello,

Unfortunately those options did not work. I tried deactivating the plugin, and updating, same error message. I left the plugin deactivated, went to dashboard > updates and “check again” then tried to update the plugin again from that screen, same error message. Any further help would be much appreciated. Thank you.

[Rahul]

Hi there,

Please provide us with your admin credentials in a private reply.

Thanks

[clarityconsultants]

This reply has been marked as private.

[Nico]

Hi There,

Please create another thread and open a thread then share us again your admin credentials and URL in a private reply so we could further check your setup.

Thanks.

[Author]

Posts