[Resolved] How to make a clickable container with GB?

[David]

Thanks for the help, but unfortunately your suggestion has not worked: https://generatepress.com/forums/topic/how-would-i-make-a-clickable-container-with-gb/page/2/#post-1481808

You’ll see the row of three containers at the bottom, which I want to be clickable. To start out, I tried your suggestions on “CONSULTING”. I added the CSS you suggested, set the container block to clickable-container and added a link in the headline block within.

The headline is clickable, but not the parent container.

FYI, the site was in Divi – now removed – and I am rewriting it using GP & GB.

Thanks!

[Leo]

Hi there,

Are you using any caching plugins? If so can you disable it so I can take a closer look at the code?

[David]

The site is not using any caching plugins. I have disabled CDN and just flushed the object cache. As hosting is with Pressable, I think that’s all I can do.

[David]

Try this CSS instead:

.gb-container.clickable-container a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.gb-container.clickable-container .gb-inside-container {
    position: initial;
}

[David]

Hi David,

Thanks for helping on a Sunday – your new CSS fixes the issue.

[David]

Awesome – glad to heat that!

[David]

After your suggested code worked, I saw that what you originally suggested was exactly the same. The first time it did not work, the second time it did. Perhaps my mistake.

[David]

No problems 🙂 Glad to hear its resolved

[Author]

Posts