Squarespace Image Text Overlay on Hover

In this video, I’ll show you how to make a Squarespace image text overlay on hover using CSS.

We’ll use Squarespace’s Image Poster block to make the text and then show and hide the text on hover.

Link to the hex color tool below!

Subscribe for more Squarespace tutorials: http://bit.ly/MrJohnoCPSub

Share this video: https://youtu.be/YF9-eJMgYMw

Watch next:
Image Zoom on Hover https://youtu.be/zfXSqsTZ7PU
Reveal Text on Hover https://youtu.be/LCHUsfzzCww
Recommended Playlist – http://bit.ly/sqsptuts

New to Squarespace? Sign up https://squarespace.syuh.net/carljohnson (that’s an affiliate)

Join me on Twitter: https://twitter.com/MrJohnoCP
Sign up for my updates http://bit.ly/2TNpgKc

If you’ve got any questions or requests for future videos drop them in the comments below 👇
_____________

Hex color tool generator used in the video: https://www.hexcolortool.com
________________________

Kanye West Image Used in the Video:

David Shankbone [CC BY 3.0 (https://creativecommons.org/licenses/by/3.0)]

File URL: https://upload.wikimedia.org/wikipedia/commons/1/11/Kanye_West_at_the_2009_Tribeca_Film_Festival.jpg

Page URL: https://commons.wikimedia.org/wiki/File:Kanye_West_at_the_2009_Tribeca_Film_Festival.jpg

#Squarespace

You May Also Like