Jump to content

PRobbe

Member
  • Posts

    2
  • Joined

  • Last visited

Reputation Activity

  1. Like
    PRobbe got a reaction from Beyondspace in Text appearing on image hover   
    This worked like a charm!
    Thank you for the help.
  2. Like
    PRobbe reacted to Beyondspace in Text appearing on image hover   
    Your image block and text block are located in different parent node. So using Css selector can not reach your desired result.
    I suggest using the following code in Home > Settings > Advanced > Code Injection, choose the footer
    <script> document.addEventListener('DOMContentLoaded', () => { const hoverItem = document.querySelector('#block-yui_3_17_2_1_1636454313626_16083'); const targetText = document.querySelector('#block-yui_3_17_2_1_1636976739645_7146'); hoverItem.addEventListener('mouseover', () => { targetText.style.display = 'block'; }) hoverItem.addEventListener('mouseout', () => { targetText.style.display = 'none'; }) }) </script> <style> #block-yui_3_17_2_1_1636976739645_7146 { display: none; } </style> Let me know how it works on your site
    Press 👍 or mark this answer as solution to help another one too
×
×
  • 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.