Topic: Clickable container @ query loop

honzapecenka

January 3, 2026 at 9:10 am

This code worked for GB v1, but it no longer works for v2. How to set up a clickable container in GB v2. Without Pro. Thank you.

.gb-container.linked-container .gb-inside-container {
    position: relative;
}

.gb-container.linked-container a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

https://prnt.sc/HjBZKjPrQwXL

Ying
January 3, 2026 at 1:38 pm
Hi there,

Method 1:
You can simply set the container’s HTML tag to <a> to have a container link. But you need to make sure there is no other links inside the container, as an <a> can not be nested in another<a>.

Method 2:
1. Add linked-container to a container as addtional CSS class.

2. Add this CSS:
```
.linked-container {
    position: relative;
}

.linked-container a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}
```
honzapecenka
January 3, 2026 at 3:22 pm

I used method one. Thanks.
Ying
January 5, 2026 at 7:05 am

No Problem 🙂

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Are you a GenerateCustomer?

Just browsing?

Clickable container @ query loop