Creating Hover Effect On Column

How To
1

Hello :slight_smile:

I was wondering how to go about creating a hover effect like the example attached. Right now, I have columns with background images, and I would like the column/box to fade when hovered over, and then text appear over the column/image. In the example, the right image is faded and text appears when hovered over; otherwise it shows up like the other pictures. Is there anyway to do this within Bricks? Thank you :slight_smile:

Screenshot (35)
Screenshot (35)1391Ɨ866 89.8 KB

2

Try setting an overlay on the column element with white but transparency all the way down, then go into the hover selector of the column and do the same but with 70% opacity or whatever.

As for text n stuff appearing, I guess your best bet would be to use css in the column element

3

Hi manc. I did try that, but nothing is happening. Iā€™m not sure what I am doing wrong.