Image position on front card

Hello Jan,

Thank you!

As for your question: if I got you right, here’s the option, you’re looking for https://prntscr.com/96u44p (Front Side -> Background Image).

If you have any additional questions, please let me know!

Dear Ruslan, thank you for getting back, and so quickly! And thanks for the screenshot with arrows – I really did not see the option of a background image. I’m sure it will be useful. But my question was different: I would like to display the icon or custom image below the title and description. You can see my FlipBoxes here https://animatinglibraries.com (website in very early stages!), I moved them right to the top. I think if there was an option to put the icon/custom image below the title and description (i.e. vertically below, not on a lower layer like the background image option), it would be useful in many situations. Perhaps even the three options:
A) Icon / Title / Description
B) Title / Icon / Description
C) Title / Description / Icon
I’m sure it’s not very complicated and it would make Codelights Shortcodes even awesomer!
Thanks again for your care. Yours faithfully, Jan.

Ah, got you now!

I like the idea! I’ll implement it with the next update that will be on this Saturday.

Stay in touch!

Dear Ruslan, great, I can’t wait! Another suggestion, while you are updating: An option to keep the card flipped until it is clicked again would be helpful to me and perhaps generally useful. That way it would be possible to flip open several cards one after another and keep all of them “flipped”. What do you think? Anyway, thank you for your work on this plugin. It is very much appreciated! Yours faithfully, Jan.

Hello Jan,

At the moment this idea seems to me a little distant from the original FlipBox purpose. At the same time, if I receive more of such requests, most likely, I’ll implement it as an option.
Till then for this purpose you can use a simple JavaScript, that will toggle “hover” class on every element click:

<script type="text/javascript">
jQuery(function($){
    $('.cl-flipbox').on('click', function(){
        $(this).toggleClass('hover');
    });
});
</script>

You can read more about using scripts on pages, for example, here.

Hello Jan,

I implemented the option defining the elements order for both front and back FlipBox sides. Check out!