When you want to create revealing cards, should use some advanced functions inside our editor and a bit help of CSS code :)

An example here: http://9dehookj.dotests.com/ (please, hover over one of the graphical elements on the page).

Add CSS code

1. Add this code to the custom CSS inside the options panel:

.card { transition: all 0.3s; }
.card:hover { opacity: 0.2; }

2. Set 'card' class on the chosen element (image preferred).

3. Make sure, that the visibility of this element is 'top'.

Images are recommended because you can set a link on them.
It's way more properly than in a case with box.

4. Publish your landing page and check if everything works as you intended.

Well done ;)

Did this answer your question?