- This topic has 3 replies, 2 voices, and was last updated 2 years, 11 months ago by
.
-
Posts
-
i created button and selected a background image in the containers.
now I want to link the background image as well.
for this i entered the css class in the container: clickable-container
and in the additional CSS I put the following code:
.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;
}The link works but is not stored on the “container”, but rather in the header area….
What am I doing wrong?
Customer Support
Hi there,
the new Container Block has no hidden
gb-inside-container
So this don’t work:.gb-container.clickable-container .gb-inside-container { position: relative; }Remove that, select the Block with the background image, and in Layout set its
PositiontoRelativeso it works now!
I have now used the following code:
.gb-container.clickable-container a:before {
contents: “”;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
}with z-index: 999
it didn’t workOdd that it did not work with the higher z-index. All good now i see 😉
- You must be logged in to reply to this topic.
