Archived topic
Entire block clickable
11 replies · Started by Sofie on December 16, 2020
Hi,
I refer to the site https://www.capeach.eu/test, where I'm trying out our new homepage.
You can see 4 blocks (online taalcoaching, vertalingen ...). Is it possible to make an entire block clickable? I thought I read something about in on the forum, but I can't find the topic back. I thought it would be a new option in the latest version of GP Premium, but I just installed it and I still can't find it.
Each of the 4 blocks should link to another page.
Thank you very much for your reply. Do not hesitate to refer me to other pages if they do exist.
Kind regards,
Sofie
Hi there,
this will be a featured of GenerateBlocks Pro... in the meantime you need to add this CSS:
.gb-container.clickable-container .gb-inside-container {
position: relative;
}
.gb-container.clickable-container a:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
}Then you need to add a link inside the block, the simplest way is to highlight the Headline Block and give it a link.
Then select each of the Container Blocks and in Advanced > Additional CSS Class(es) add: clickable-container
Wonderful, you rock ;-) Thank you very much.
Kind regards and have a nice day,
Sofie
Glad to be of help
I've been reading many threads regarding the "clickable container" feature in GB Pro... but I can find it how regardless.
Where in the GB docs is the part related to this feature?
Thanks in advance.
Hi Roberto,
We're still in the process of updating the GB Docs.
You can find the link option in the Container Block Tool bar:
https://www.screencast.com/t/dFvKl0y9fpjd
Can you raise any other GB related topics in the GB Support forums.
Or join our Community :)
Thnks :-)
Next time I'll post over there.
You're welcome :) Be good to see you in the Community!
Dear David,
Thank you for the CSS solution, it works good.
Is there a possibility to implement a link hover effect over the whole container too?
Thank you very much!
Hi there,
its an option built into GenerateBlocks Pro - called Effects:
https://docs.generateblocks.com/article/effects-overview/
If you're not a Pro user then start a new topic and share a link to your site and we can take a look
Just searched for the same thing.
works like a charm - thx.
Glad to hear that!
