Jump to content

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

Recommended Posts

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
}
}
Link to comment
  • Replies 5
  • Views 845
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

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

Link to comment
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!)

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.