thomfountain Posted August 3, 2020 Posted August 3, 2020 Site URL: http://www.thom-fountain.com Hello, when you scroll to the bottom of a page, I want it to function like the home page—where only the Description shows until you hover over the projects. I think I just need to have the image 'display:none;' except for on hover, but can't figure out the right code. Any suggestions? http://www.thom-fountain.com http://www.thom-fountain.com/toyota
Beyondspace Posted August 4, 2020 Posted August 4, 2020 5 hours ago, thomfountain said: Site URL: http://www.thom-fountain.com Hello, when you scroll to the bottom of a page, I want it to function like the home page—where only the Description shows until you hover over the projects. I think I just need to have the image 'display:none;' except for on hover, but can't figure out the right code. Any suggestions? http://www.thom-fountain.com http://www.thom-fountain.com/toyota Do you mean like this .collection-images.index-nav-images { visibility: hidden !important; } .index-gallery-wrapper:hover .collection-images.index-nav-images { visibility: visible !important; cursor: pointer; } To add CSS, go to Design -> Custom CSS BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
thomfountain Posted August 4, 2020 Author Posted August 4, 2020 Ah, almost. Except I want it to disappear unless I'm hovering on the page link, not the image. Here it still creates an overlay when I mouse over the image space (see image). Anyway to fix that? Thank you!
thomfountain Posted August 6, 2020 Author Posted August 6, 2020 @bangank36 Thanks for helping, but wondering if you have any thoughts on the above?
Beyondspace Posted August 6, 2020 Posted August 6, 2020 1 hour ago, thomfountain said: @bangank36 Thanks for helping, but wondering if you have any thoughts on the above? Could you take off what I sent, so I can check it properly again, thanks so much BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
Beyondspace Posted August 7, 2020 Posted August 7, 2020 9 hours ago, thomfountain said: @bangank36 Code is removed, thanks! .collection-images.index-nav-images { opacity: 0; } .nav-hovered .collection-images.index-nav-images { opacity: 1; } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
Recommended Posts
Archived
This topic is now archived and is closed to further replies.