-
AuthorPosts
-
August 19, 2019 at 9:12 am #1128842
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
August 19, 2019 at 11:22 am #1128864Hey jannnnnneke,
Please try the following in Quick CSS under Enfold->General Styling:
#ervaringsavond .av-extra-border-element { margin-top: -140px !important; }Best regards,
RikardAugust 19, 2019 at 11:32 am #1128869Hi Rikard,
That’s working, but the element is now a lot bigger. Is that the only solution?
Thanks!
August 19, 2019 at 1:03 pm #1128893is 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.August 20, 2019 at 4:11 pm #1129246Hi,
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,
IsmaelAugust 20, 2019 at 4:17 pm #1129249August 21, 2019 at 6:14 am #1129444Hi,
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,
IsmaelAugust 22, 2019 at 4:56 pm #1130039Ah yes, now it’s working! Perfect!
Thank you!!
August 22, 2019 at 9:02 pm #1130117Hi jannnnnneke,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.
