Archived topic

How to make a clickable container with GB?

7 replies · Started by David on October 10, 2020

Viewing posts 1–8 of 8

October 10, 2020 at 9:30 am #1482248

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!

October 10, 2020 at 11:20 am #1482374

Hi there,

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

October 10, 2020 at 12:16 pm #1482449

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.

October 11, 2020 at 4:03 am #1483046

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;
}

October 11, 2020 at 5:21 am #1483129

Hi David,

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

October 11, 2020 at 5:54 am #1483172

Awesome - glad to heat that!

October 12, 2020 at 5:44 am #1484654

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.

October 12, 2020 at 7:22 am #1484799

No problems :) Glad to hear its resolved

This archived topic is closed to new replies.

Start building better websites today.