Jump to content

Add a link to a text block - instead of the text

Go to solution Solved by NP3000,

Recommended Posts

Is it possible to make a text block (that has a background colour) a clickable link? 

Instead of the text being the link, I want the whole text block to be the link. 

Is this possible in CSS or is there a different way to achieve this? 

Thanks

Link to comment

Maybe you can try:
I give an example if it's still on the same page

In the section you want to go to, embed the following html code:

<a name="yourtext"></a>


Then in the text that you mean has a (background text), please block the entire text then navigate to the "link"
and in the url link enter the following:

#yourtext

then hit apply

I hope this help you

Link to comment

Thanks for your reply but I find your explanation hard to follow. Could you rewrite it please? 

Basically, I want the attached image of the intended text box to lose the underline on the text and make the whole box a clickable link. 

It needs to link to another page on the site.
 

Screen Shot 2023-02-01 at 13.35.50.png

Edited by NP3000
Link to comment

unfortunately for that I haven't found the best way, but if you want to remove the underline link in the text you can use this code:

remove the text in all text that has underlined links:

a {
text-decoration: none !important;
}

will remove the text in certain blocks:

#yourblock {
text-decoration: none !important;
}

replace #yourblock with block on your site, to see block use squarespace id finder plugin

Link to comment
  • Solution

Thanks for the trying YogaP and thanks for the underline code tip. 

I came up with a work around.

Ive overlaid a blank png with the link added to it. No code needed. 

Nick: 1 - Squarespace: 0. 

I'm really sick of Squarespace's awkwardness. 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.