chris_editor

Hi Squarespace community, My portfolio contains a bunch of images that has the title of each project permanently displayed over each image (in the top left corner of each image). These images are laid out in 'gallery' blocks and open a Vimeo video popup once clicked on. I'm using the Mara Brag template in Squarespace 7.0. Here's a link to my website: https://www.chrisward.com.au/ I'd like to have the text/title reveal in the center of each image when the cursor hovers over the image, much the same as this website: https://novembafilms.com/ Is it possible to add CSS code to make this work? Any help would be greatly appreciated! Cheers, Chris

Hi @paul2009 , that looks like a great solution. I'm looking for a similar solve although I'm using the Mara Brag template in Squarespace 7.0. My portfolio contains a bunch of images that has the title of each project permanently displayed over each image (in the top left corner of each image). These images are laid out in a 'gallery' and open a Vimeo video once clicked on. Here's a link to my website: https://www.chrisward.com.au/ I'd like to have the text/title reveal in the center of each image when the cursor hovers over the image, much the same as this website: https://novembafilms.com/ Is it possible to add CSS code to make this work? Any help would be greatly appreciated! Cheers, Chris

Thanks @tuanphan I appreciate your help on this! That code did allow the text to appear on cursor rollover, but it makes each images text appear at the same time in my galleries. I've attached a video of what occurs. I only want the text corresponding to it's image to appear on rollover. This is a good example of what I am trying to achieve - https://beautifulstate.co/ Thank you in advance! IMG_5700.mp4 IMG_5700.MOV

Thanks for the reply. Yes, I'd like the text to only appear when the user hovers over the image. I've circled the text that I would like to appear in the attached image. Is this possible? And if it is, how do I customise the code to make it work? Thanks! Chris

Just trying to work out if it's possible to customise my website template code so that the title/description only appears when the cursor is hovering over its image. In my current website the title/description is permanently displayed in the top left corner of each image. I'm using the Mercer (Mara Brag) template. This is my current website: https://www.chrisward.com.au/ I would like each title/description to appear centred on each image, only while hovering as per this example (which is not a squarespace template): https://beautifulstate.co/ Thanks in advance! Chris