RLXMIA Posted August 9, 2023 Posted August 9, 2023 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 } }
Ziggy Posted August 9, 2023 Posted August 9, 2023 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?
RLXMIA Posted August 9, 2023 Author Posted August 9, 2023 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
tuanphan Posted August 11, 2023 Posted August 11, 2023 If the block needs to work below the hover block, you can do this with CSS, but if it's somewhere else, script code will be needed. You can share link to page where you use 2 blocks, we can help you easier 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!)
RLXMIA Posted August 12, 2023 Author Posted August 12, 2023 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/
tuanphan Posted August 15, 2023 Posted August 15, 2023 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? 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment