loudly Posted December 7, 2021 Share Posted December 7, 2021 Site URL: https://dodecahedron-kangaroo-mwlw.squarespace.com/ Hi everyone, Does anyone know what code you need to add to make background images clickable to different links? Thanks a lot! Link to comment
Beyondspace Posted December 7, 2021 Share Posted December 7, 2021 21 minutes ago, loudly said: Site URL: https://dodecahedron-kangaroo-mwlw.squarespace.com/ Hi everyone, Does anyone know what code you need to add to make background images clickable to different links? Thanks a lot! What is your site's password? Can you add a button with the link direct to the desired page? I think we could me the button wrapping the image so we can click on it BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
loudly Posted December 7, 2021 Author Share Posted December 7, 2021 1 hour ago, bangank36 said: What is your site's password? Can you add a button with the link direct to the desired page? I think we could me the button wrapping the image so we can click on it Thanks a lot! Password: hej123 Link to comment
Beyondspace Posted December 7, 2021 Share Posted December 7, 2021 (edited) Can you create a button and set the link direction for it? Edited December 7, 2021 by bangank36 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
loudly Posted December 7, 2021 Author Share Posted December 7, 2021 (edited) We want the full image clickable 🙂 Edited December 7, 2021 by loudly Link to comment
Beyondspace Posted December 7, 2021 Share Posted December 7, 2021 (edited) 40 minutes ago, loudly said: We want the full image clickable 🙂 My idea is creating a button with link you want to direct when clicking on it. Then i''ll give some code to make this button wrapping all your image Edited December 7, 2021 by bangank36 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
loudly Posted December 8, 2021 Author Share Posted December 8, 2021 Ah, I see! Updated with a button now. Link to comment
Beyondspace Posted December 8, 2021 Share Posted December 8, 2021 7 minutes ago, loudly said: Ah, I see! Updated with a button now. Try adding to Home > Design > Custom Css #block-yui_3_17_2_1_1638950761881_4069 { .sqs-block-button-element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; border: none; color: transparent; } position: static; } Let me know how it works on your site Press 👍 or mark this answer as solution to help another one too loudly 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
loudly Posted December 8, 2021 Author Share Posted December 8, 2021 It's works!! 🤩 Do we just need to change the block id if we want to link the other blocks? Thank you for your help! Beyondspace 1 Link to comment
Beyondspace Posted December 8, 2021 Share Posted December 8, 2021 (edited) 1 hour ago, loudly said: It's works!! 🤩 Do we just need to change the block id if we want to link the other blocks? Thank you for your help! The block id is id of button block, if you need to apply for another background section, kindly create another button and set my previous code for new button id Edited December 8, 2021 by bangank36 loudly 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment