michaelhull

Everyone, I was able to solve this problem on my website by inserting a non-breaking space (copy paste from the wikipedia article) into it's own line at the end of the text in my textbox.

Don't ignore this step. It's important.

Then, I went over to the Custom CSS page and injected this code -->

.fe-block p:last-child a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

Lastly, I copied all of the text in my textbox and created a hyperlink to the page on my site where I wanted to direct users.

Clicked 'Save' and voilà.

Why Tuanphan needs everyone here to private message him their web address is beyond me...

In my opinion, SquareSpace needs to step up its UI. Little things like this need not be so complicated.

 

@tuanphan Apologies for the delay. Here is the link to the page I need help with.

https://www.michaelhull.co/film-video

Right now, only the text is clickable, instead of the entire textbox...

Since there are so many users having this issue, could you please post the solution here?

The code will help other SquareSpace members tackle this issue.

Thank you for your help,
Michael

On 9/5/2023 at 8:13 PM, tuanphan said:

Yesterday I Sent code for 2 members. If you share link to page where you added text block, we can check & help you easier

@tuanphan could you please share the code that solved this for the 2 members? I am having the same issue... I would like to turn a textbox into a clickable hyperlinked area. I find it silly that Squarespace does not offer an easier way to do this...

I have tried injecting the following code into the footer of my site. It only changed the cursor to a hand, but did not make the text area clickable.

Thanks in advance

 

<script>
$("body#collection-642714f6a1aff6735528e8e4 .fe-block").click(function(){
		window.location=$(this).find("a").attr("href"); 
		return false;
	});
</script>
<style>
 body#collection-642714f6a1aff6735528e8e4 .html-block {
  	cursor: pointer;
  }
</style>