Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #1128842

    Hi! Got the same issue as described here:

    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.



    Hey jannnnnneke,

    Please try the following in Quick CSS under Enfold->General Styling:

    #ervaringsavond .av-extra-border-element {
        margin-top: -140px !important;

    Best regards,


    Hi Rikard,

    That’s working, but the element is now a lot bigger. Is that the only solution?



    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.



    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;

    : The page is in the private field — unfortunately.

    Best regards,


    Hi there,

    Thanks but it is’nt working! See link!





    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,


    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,

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.