Hover text and button on images for mouse over

Hello guys! I was wondering if anyone knew how to do something like this! I have been trying but don’t get the text to work. Tried with a div and placed the text inside but I need everything to come up at the same time when mouse over! Any ideas?

There are definitely people more ‘in-the-know’ than me, and my use of Blocs is limited to only a couple of months or so (even then, not full time, just playing around and learning a lot of the time), but what immediately comes to mind would be 2 images with hover states - text embedded within the images.
But there are probably better ways I haven’t explored yet.

I don’t want to do it this way cause the text loses quality after compression :slight_smile:

Have you checked out the image overlay bric in the Bloc store?


Hey @Stewie_Griffin

Here is an example of how you can make up something like that in Blocs from scratch if you wanted to.

Overlay_Image_With_Text.bloc (1.4 MB)

1 Like

Awesome!! Thanks a lot!! I keep forgeting that you can add code into blocs!! Amazing video by the way :slight_smile: