I’m wondering if there is a way to hover over an element or a column and have a title/backdrop appear over the background. I’ve played with the card element and having the transition set to 0ms but it’s not quite the effect I’m looking for.
I’m trying to do something similar to this: https://www.dropbox.com/s/862qzcisu4nfnrb/themeco-hover.mov?dl=0
This effect looks more like a particle overlay with text on top. Any thoughts or help would be appreciated!
Hello @tkcostello,
Thanks for writing in! You can easily achieve this by adding the image as your background image in each column or cells and then insert a DIV element that has the Text element in it.
The DIV element will be positioned as “Absolute” so that it will completely cover the whole column or cell. You can then apply an interaction effect to the DIV element with an opacity of 0 by default and then when you hover over it, the opacity will becomes 1 thus revealing the overlay.
Kindly let us know how it goes.
Exactly what I was looking for. This is a game-changer for me!
Hi @tkcostello,
You’re welcome and it’s our pleasure to help you! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.
Thank you.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
