Jump to content

Customize Portfolio Layout To Show Text on Hover

Recommended Posts

Site URL: https://terrier-coconut-lpa5.squarespace.com/work

Hi there I'm trying to modify a portfolio layout to be more unique. 

I'm using this site as inspo - https://www.weareoutline.com/

Is there any way to have text appear across the screen when you hover over a certain image? Added bonus if all the other images can be faded out to another color as well so the text stands out for that individual project. 

I originally tried to accomplish this outside a portfolio section with CSS using the block-ids for text & images but had no luck. 

Link to comment
  • Replies 3
  • Views 357
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

On 9/19/2024 at 11:28 PM, Izabellabuzogany said:

Hover image > show text + blur other images

If hover image > show text under image + blurry images: Possible with Text/Image Block or List Section + some CSS code but if you need large title in middle screen, it will be more complicated

image.thumb.png.f30e6459f271d48b8db99217fab35376.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.