I’m not sure if I’m asking this the right way, but essentially I’m trying to make a text block in a section reveal itself when a person hovers over the whole section.
This would be in the Team section, so when a user hovers over a person’s face i want to make the picture go dark and a text box to pop up with the people’s names
There’s different methods you can use to achieve this.
You can use the following method:
Create a row (3, 4, whatever amount columns)
Give a column a class (“team member”)
Insert background image (portrait of team member)
Insert a div block with persons name inside this column
Give this div block a class (“team member name”) and set opactiy to 0% on default state
Insert text into this div block (team member name)
Select hover state of this div block and set opactiy to 100% Optional you can give
the div a background color with opacity set to 50%, that way you get a “faded” effect of the person