[Resolved] Entire block clickable

[Sofie]

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

[David]

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

[Sofie]

Wonderful, you rock 😉 Thank you very much.

Kind regards and have a nice day,
Sofie

[David]

Glad to be of help

[Roberto Enrique]

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.

[David]

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:

Can you raise any other GB related topics in the GB Support forums.
Or join our Community 🙂

https://community.generateblocks.com/

[Roberto Enrique]

Thnks 🙂
Next time I’ll post over there.

[David]

You’re welcome 🙂 Be good to see you in the Community!

[Katerina Teresidi]

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!

[David]

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

[Matthias]

Just searched for the same thing.
works like a charm – thx.

[David]

Glad to hear that!

[Author]

Posts