Hi,
contact me privately via email: https://codecanyon.net/user/castlecode#contact
Best, David

Hi,
I just checked your site, and saw that you added the flipping cards in a column container, I’m guessing that’s from your theme.
if you want something responsive, it depends what responsive behavior you want, do you want something like this? http://www.davidbo.dreamhosters.com/?page_id=11 or that it adapts to the 100% of its container?

Best, David

Yes I would like to have the cards as your demo please and particularly to have the cube effect/transition. Please guide me how to fix them in than manner. Do you need admin credentials to facilitate the process? thank you, looking forward to hearing from you

Hi,
yes I can set you an example in your WP installation, please send me the details via email here: https://codecanyon.net/user/castlecode#contact

Best, David

Sent you an email

Sent you an email

Hi,
I have the fix for this, can you contact me via email here: https://codecanyon.net/user/castlecode#contact
so I can send you the new version, also I’ll be pushing this update to CodeCanyon

Best, David

Hi,
Currently this is not supported, only the fallback fade effect, sometime ago I tried to make it work on IE11 but to many bugs came in, it worked but with plenty of small bugs.

Best, David

Hi,
by any chance you manually added the class “mouseenter” to the flipping card container?

Yes, it’s looks like a leftover class. I was working on another solution before Flipping Cards. Looks like removing it fixed the glitch. Thanks so much!

glad to hear that indeed, the plugin uses that class in order to detect if the plugin has been initialized

Hi,
It should be working, can you show me a living example online? so I can see what’s going on.

Also you can contact me privately via email through this form: https://codecanyon.net/user/castlecode#contact

Best, David

I see, try the following steps:

1) Add this peace of CSS to the css/flipCards.css file (at the top)

.fc_card-container .fc_card>div{
  top: 0 !important;
}

Ok, I changed CSS and it looks better now. But it’s still not like it should. The image is very small no matter which height or width I enter in plugin settings. Also its on the right side but I choosed the left side. On mobile devices the image is out of the screen.

1000

1000px

50%

Hi there,
I don’t quite understand, can you explain a little bit more?
Best, David

I need to count the number of clicks on the cards through Analytics. Is it possible?

Currently the plugin doesn’t have this feature :/

Hi Jess and Bree,
try adding this peace of CSS:

.fc_card-container .fc_card {
    top: 0;
    left: 0;
}

Hi,
yes, that’s totally possible, you can add any HTML on each side of the card, so you can add an image in the front and another image in the back

Best

Hi,
Sorry for the delay, I was on vacations

very strange, I see it working on my end (on Google Chrome v63.0.3239.84), is it working on Firefox?

and yes, you can have one image in the front and another one in the back, you can add any HTML in the shortcode (in the back or in the front side), for example like this:

[flippingCard]
[fc_front]
     <img src="myimg.png" />
[/fc_front]
[fc_back]
    <img src="myimg.png" />
[/fc_back]
[/flippingCard]

Thank you for your answer!

Code to remove shadow worked nicely.

I added a screenshot of an empty page (how Safari 11 loads page, both in my home and at work) to http://natjak.com/karo/esimerkkisivu/

I really hope you can find some solution to this problem.

Best, Katja

Hi again!

It works right after I cleared all recent history, thanks a lot for your help!

Katja

awesome

Hi Jon,
Try adding this peace of CSS:

div.fc_card-container {
    z-index: 99 !important;
}

Hi,
Try adding this line of CSS:

body{
    overflow-y: scroll !important; 
}

I’m not sure what that would have to do with the height of the first tile, but I added it and no change. The first tile at 1280×800 still is sized at 390.719px whereas the other two tiles in the row are sized at 385.109px. You can see a screen capture of what it looks like here:

Again, this is if you resize your browser to 1280×800 (I use Chrome plugin Window Resizer) and then refresh the browser it renders the heights incorrectly.

Thanks!

Hi,
the issue is that when the page first loads there’s no scroll-bar so the width is different for the first card, but later on we add height to the flipping card (with JS because of the ratio) so the scroll-bar shows up, so now the 33% with scroll-bar is different than 33% without scroll-bar

it is kind of confusing, but with that line of CSS the scroll-bar is present from the beginning.
I tested out with the resolution you mentioned, and I see it exactly as the screen shot you sent, but after adding that peace of CSS above then the first card has the exact same height as the others

did you add that line of CSS in this page? http://www.nd.com/product/use-cases/ since I don’t see it in the source code, you can add it at the top of the the css/flipCard.css file

Best, David

Hi Jon,
I don’t see a border, but I do see the shadow, in order to remove it add this peace of CSS:

.fc_card-container .fc_card>div {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
}

Hi,
this is how I configured the live preview (the admin panel and the shortcodes I used): http://www.davidbo.dreamhosters.com/plugins/configuration/

Best, David

Hi Steve,
1) Our customers haven’t report any issue with “Beaver Builder”, as long as it supports shortcodes it should work.

2) The difference is that with the WP plugin you can use shortcodes to implement the flipping cards (instead of adding HTML)
Also the CSS and JS are imported automatically (once you activate the plugin), otherwise you would need to import them manually

3) Currently the plugin doesn’t have filterable/searchable (since the flipping cards are completely individually, they are not a grid)

You could add this feature to either (the WP or no-WP version)

I hope it makes sense

Best, David

Hi,
the plugin is compatible with any theme, the plugin doesn’t read automatically post or images, you create each flipping card individually and inside each side of the card you can place any HTML

Best, David