Hi! Got the same issue as described here:
https://kriesi.at/support/topic/diagonal-section-border-makes-makes-elements-unsuable/
But, I’m using an image as overlay. When I try your code, the button is clickable but the overlay image is overlapping the diagonal border.
Can I fix that? Thanks a lot!
See link in private content.
Janneke
Hey jannnnnneke,
Please try the following in Quick CSS under Enfold->General Styling:
#ervaringsavond .av-extra-border-element {
margin-top: -140px !important;
}
Best regards,
Rikard
Hi Rikard,
That’s working, but the element is now a lot bigger. Is that the only solution?
Thanks!
is there a page where we can see all this issue?
I remember a similar question here on board that was solved in a different way.
But i can not find my answer on that past question – so maybe we find a “new” solution to it.
Hi,
Thank you for the update.
Try to increase the z-index of the container so that it’s positioned above the overlay.
.responsive .container {
z-index: 2;
}
@Guenni007: The page is in the private field — unfortunately.
Best regards,
Ismael
Hi,
It is working properly. You don’t need to add this modification.
.av-section-color-overlay + .container + .border-extra-diagonal {
z-index: 0;
}
The z-index of the overlay is already set to 1. Setting the container’s z-index to 2 should be enough.
Best regards,
Ismael
Ah yes, now it’s working! Perfect!
Thank you!!
Hi jannnnnneke,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria