[Resolved] How do I make an entire block into a link?

Hi Monica-

Linking to a specific block, or element on your page, is known as using an Anchor Link. Check out our detailed guide on using Anchor Links in BoldGrid.

Here’s the video tutorial from that guide:

Hi Monica-

Thanks for the clarification, sorry I misunderstood what you were going for.

This question has been a thorn in web designers’ sides for quite some time.

When HTML5 was released, it was the first time that it became “valid” to wrap an entire content block in a link- as long as there is no other “interactive” content inside the block, but WordPress and BoldGrid’s Post and Page Builder don’t provide a way to do it in the Visual Editor.

There are also arguments to be made that it’s bad for accessibility and SEO- both screen readers and search engine crawlers use the text inside a link to provide context for what the link is about.

All that being said, you can accomplish this if you like. I took a minute to record this short video to show you how.

Here’s the code from the video. First, add the onclick action:

onclick="window.location.href='/contact-us/';"

Then, add the CSS to turn the user’s cursor into a pointer:

style="cursor: pointer;"

Happy to help Monica, thanks for the fantastic question!