Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 16, 2017 at 11:11 pm #809139
    nyloc

    Hi,

    I have a colorsection with a diagonal section border on he bottom this look good, but if I place a button on the bottom of this section the button is not clickable. With some debugging I found that the diagonal border elements are above the button. I really would like to know how to change that.
    I added information about the site in the private section of this post.

    • This topic was modified 7 years, 6 months ago by nyloc.
    June 19, 2017 at 11:54 pm #810044
    Yigit

    Hey nyloc,

    Sorry for the late reply!
    I created a private testing page (link in private content field) and chose to display diagonal border but i am able to click the button there. Have you figured it out already? If not, can you please reproduce the issue on private testing page and let us know?

    Best regards,
    Yigit

    June 20, 2017 at 7:02 am #810203
    nyloc

    Hi Yigit,

    I checked the test-page and it has the same issue with this button:

    View post on imgur.com


    The Facebook Button below the Like!.
    I think I could add a spacer below the button and move the diagonal border so low that the box doesn’t overlap the button anymore but that doesn’t look very good.

    June 20, 2017 at 1:46 pm #810350
    Yigit

    Hi,

    I moved your button into a color section element, chose to display huge padding and diagonal border. Please review test page :) I hope it works for you!

    Best regards,
    Yigit

    June 20, 2017 at 3:07 pm #810390
    nyloc

    Hi,

    you are always fixing the wrong section ;) The “Luftaufnahmen (#luft_video)” Section worked great before there was enough space but its the “Hochzeit (#hochzeit_gallery”)” that is not working.
    For the sake of clarity I removed everything but this part from the page it looks like it should but the button is not clickable. And even the lower 1/10 of the images in the masonry gallery is overlapped (the hover effect is not working on that part).

    June 20, 2017 at 3:29 pm #810403
    Yigit

    Hi!

    My bad :)
    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .av-section-color-overlay+.container+.border-extra-diagonal {
    z-index: 0;
}

    Cheers!
    Yigit

    June 20, 2017 at 6:55 pm #810591
    nyloc

    Hi Yigit,
    thanks a lot, it worked I already tried changing the z-index but I couldn’t figure out the right selector. It now works as it should. You can mark this as resolved.

    June 20, 2017 at 7:00 pm #810598
    Sarah

    Hi,

    We’re glad that Yigit was able to help you.

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you.

    We’d also appreciate it if you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads

    Thank you for using Enfold.
    Cheers!
    Sarah

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Diagonal section border renders button element unusable’ is closed to new replies.