Create a hyperlink on a column?

[pandian]

I have a global blocks with different columns. I would like to place a hyperlink on the entire column.

Could you advise?

thanks
Carlo

[kory]

Hello, @pandian!

Thanks for writing in! While it is not possible to place a hyperlink on the column itself, you could do a little bit with some custom markup and styling to do something similar. Effectively, what you’d need to do is have a column and include either the “Classic Raw Content” Element or the new “Content Area” Element (both are essentially the same idea, just giving you a blank input point to place whatever content you want). Then, within the content for that Element, you would do the following:

<!--
NOTES:
01. Class can be whatever you want.
02. Place all custom content here.
--->

<a href="#your-link-here" class="linked-col"> <!-- 01 -->
  <!-- 02 -->
</a>

You’ll effectively need to handwrite in all of the content that you want and style it as it will all be custom. You will also want to make sure that you remove any padding from the column itself and place it onto the link that is wrapping your content so that clicking anywhere in there will go to the link destination. Also, the link will need to be display: block; so that the content with the link will be rendered properly.

Beyond that, it’s just up to setting up the content you need and styling it as you want. Hopefully that helps to point you in the right direction.

Cheers!