Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #1077875

    I’m having an issue frequently where I try to place a button in a section with a diagonal button above it and the border seems to render the button useless. I’m sure this is just a Z-index issue and I’m hoping for an easily repeatable solution that I can use across multiple sites where I’m having the issue. I’ve included a link as an example.


    Hey AbstraktMarketingGroupWebsites,

    This seems to be working for me now. Were you able to get this resolved?

    Best regards,
    Jordan Shannon


    No, sorry. I’ve been updating and trying to solve. It’s back to the way it was before now.
    The button doesn’t lead anywhere but the hover effect is a scaling effect so it should get bigger when hovered over like the button further down the page
    I am realizing that if I take off the overlay the button works for some reason? But it seems like the diagonal it blocking it.


    Still looking for help here. Thanks!



    Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-46 .avia_transform .av-extra-border-element.border-extra-diagonal {
        margin-top: -170px;

    Best regards,

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

You must be logged in to reply to this topic.