Jump to content

Hover/Click Reveal Adjustment : Hover/Click Block-ID1 and Block-ID2 changes from Opacity 0 to 1 and back.

Recommended Posts

Posted

I am looking for help on this code:

Change to we make Block-ID1 opacity0, On hover/click on Block-ID2, Block-ID1 Opacity = 1 :

@media only screen and (min-width: 768px){
#blockID1 {
opacity: 0;
 transition: opacity 1s
}
#BlockID1:hover { 
opacity: 1;
transition: opacity 1s
}
}
  • Replies 5
  • Views 878
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted

Not sure what you want to do, but this code that you've tried to use is generic and needs customizing.

Block-ID1 needs replacing with an actual block ID. You can find block IDs like this:

https://squarefortytwo.com/squarespace-guides/find-an-id-in-squarespace-71

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

Thanks, but I know how to find the blockID. 

I will replace the actual blockID's once I can find the correct code or plug-in. 

For example:

Block-ID1 = #block-yui_3_17_2_1_1691586483589_7415

Block-ID2 = #block-yui_3_17_2_1_1691586483589_10216

Posted
On 8/12/2023 at 8:12 PM, RLXMIA said:

Hi i amanged to do it with CSS and JS.

 

I had a question about z-index.

selecting various buttons enables  various blocks to change from opacity 0 to 1.

At the same time i make the active block to z-index highest level - THIS DOES NOT SEEM TO WORK?

POSSIBLE?

https://milotestsite.squarespace.com/

What is password?

image.png.ea8dd58d4bf6470ac6d35a68911f6498.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!)

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.