Jump to content

Weird low opacity overlay on home page images, Hawley template)

Recommended Posts

Site URL: https://armadillo-ruby-cmdk.squarespace.com/config/pages/5f8c5d9346bd9a4d0f633e3a

Hey, 

I'm setting up my website so the home screen has a list of projects, and when hovered over each project an image pops up next to it. The only way i know how to do this is to make these all white full screen images, with a smaller picture that shows the project. This way it looks like just the small image is changing when hovering over different projects. 

This should work, but there is some sort of really low opacity overlay covering all my photos. So i was wondering if there was a way to remove that?

Or, If there is some way to define the size and placement of the display image that pops up when the project is hovered over so that it isn't full screen and I don't have to do the workaround mentioned above

(edit: Ive also noticed a similar overlay on images within the projects.)

 

Thanks!

Link to comment
  • Replies 4
  • Views 702
  • Created
  • Last Reply

Please send site wide password so we can have look

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • 2 weeks later...
5 hours ago, Wijdesign said:

@bangank36

@tuanphan

Hey, sorry! Site password should be: Woodville

I thought you are talking about this

image.thumb.png.9dc937842ac164433a8d7c9c2c2ea4cc.png

.portfolio-hover-bg-overlay {
  background-color: transparent;
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.