Jump to content

pdmiller

Member
  • Posts

    2
  • Joined

  • Last visited

Reputation Activity

  1. Thanks
    pdmiller got a reaction from hellostudiojohn in ss7.1 How to create Clickthrough URL for Background Images?   
    Hi again @tuanphan
    I think I solved this through brute force. Lots of Googling and repeated attempts until I finally got it to work.
    Ended up with this below:
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('[data-section-id="5e99b284f866cd1282d8ed12"].page-section').click(function(event){ event.preventDefault(); window.location = "https://lizard-crow-ml73.squarespace.com/blurry-block"; }); }); </script> I also modified the CSS and placed it in the CSS editor so the entire background image would show the pointer. 
    [data-section-id="5e99b284f866cd1282d8ed12"].page-section, { cursor: pointer; }  
  2. Like
    pdmiller got a reaction from tuanphan in ss7.1 How to create Clickthrough URL for Background Images?   
    Hi again @tuanphan
    I think I solved this through brute force. Lots of Googling and repeated attempts until I finally got it to work.
    Ended up with this below:
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('[data-section-id="5e99b284f866cd1282d8ed12"].page-section').click(function(event){ event.preventDefault(); window.location = "https://lizard-crow-ml73.squarespace.com/blurry-block"; }); }); </script> I also modified the CSS and placed it in the CSS editor so the entire background image would show the pointer. 
    [data-section-id="5e99b284f866cd1282d8ed12"].page-section, { cursor: pointer; }  
×
×
  • 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.