[Support request] How would I make a clickable container with GB?

Hi there,

That will be an option in the pro version.

Or you can target the link in the container like this:

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

Sounds good 🙂

Hi there,

the Pro version is yet to be released.
This will be one of the features of that version.

In the meantime you would need to do the following:

1. Add a Button or <a> element inside the container.
2. Give the Container Block an Additional CSS class e.g clickable-container
3. Add this CSS:

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

You cannot add a block inside a button.
The method provided above is the only non-Javascript way of doing this.

Not yet – hopefully in the first half of August.

Not yet – still working on it 🙂

Hi Austin,

Can you open a new topic about it?

We’ll make sure that it gets addressed there. Thank you. 🙂