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

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

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

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.
 

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