Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 18, 2020 at 4:46 pm #1253617
    Guenni007

    no problem to set – but not working.
    Neither image nor text – the links on backside of a flip-card do not work.
    Yes i know the link setting for that element – but that is not the same than only a backside link. There is no problem on desktops – but on mobile – the first tap will directly cause the link to work.
    Isn’t it possible to have flip on first touch – then on the backside a button to go on with the link?

    October 18, 2020 at 4:49 pm #1253618
    Guenni007

    go on reading with the b-quote

    • This reply was modified 4 years, 1 month ago by Guenni007.
    October 19, 2020 at 9:56 am #1253876
    Guenni007

    STRANGE BEHAVIOR : if you choose the border option : on styling tab: “Grid Borders” ( both border options lead to that result )
    the backside links do not work

    can you confirm this with one of your installations?

    October 21, 2020 at 7:09 am #1254561
    Guenni007

    Responsible for that behavior is the construction of the border via pseudo-container box-shadow and a z-index of that higher than the z-index of the content.

    .avia-icongrid-borders-all li .avia-icongrid-wrapper:before,
.avia-icongrid-borders-between li .avia-icongrid-wrapper:before {
 content:"";
…
 z-index:8
}

    we had to find a solution on that

    October 21, 2020 at 8:05 am #1254574
    Guenni007

    my solution:
    do not use for that the pseudo-content : before !
    make your setting for borders as usual and :
    for borders all this could be a solution

    .avia-icongrid-borders-all li .avia-icongrid-wrapper::before, 
.avia-icongrid-borders-between li .avia-icongrid-wrapper::before {
    display: none;
}

.avia-icongrid.avia-icongrid-borders-all {
  border-bottom: 1px solid;
}
.avia-icongrid.avia-icongrid-borders-all li .avia-icongrid-wrapper {
  border: 1px solid ;
}

    for borders between it will be more difficult – we can achieve it by outline but then the whole wrapper must have overflow: hidden – and that will disturb the flip effect to be visible outside.

    October 29, 2020 at 9:30 am #1256640
    Ismael

    Hi,

    Thank you for the info. This seems to be related to the following thread.

    // https://kriesi.at/support/topic/content-element-does-not-work-with-web-links/#post-1255388

    The issue is cause by the pseudo container’s stack order as you observed.

    Best regards,
    Ismael

    November 1, 2020 at 11:45 am #1257435
    Guenni007

    does not solve my filp-card behavior – i did all hard-refresh i can do.:
    on standard case without the css settings in icongrid.css there are only :before rule – so what should do an :after rule solve?
    – without content, positioning etc. pp for the after-rule there will be no effect only with z-index setting.
    https://webers-testseite.de/flipcards/

    even setting it to !important and replacing the before construction with the after container does not solve it

    and setting the before containers to -1 will work for the links – but then the borders are partially gone ( not seen)

    
.avia-icongrid-borders-all li .avia-icongrid-wrapper::before, 
.avia-icongrid-borders-between li .avia-icongrid-wrapper::before {
	z-index: -1 !important;
}

    Do you have an example page where your css hack does work ?

    • This reply was modified 4 years, 1 month ago by Guenni007.
    November 2, 2020 at 10:27 am #1257542
    Guenni007

    ok on an absolute fresh install – it will have effect – but only with pseudo before container setting. But Overlay images are not well placed then.

    with:

    .avia-icongrid-borders-all li .avia-icongrid-wrapper::before, 
.avia-icongrid-borders-between li .avia-icongrid-wrapper::before {
	z-index: -1 !important;
}

    with:

    .avia-icongrid-borders-all li .image-overlay,
.avia-icongrid-borders-between li .image-overlay {
    left: 0;
    top: 0;
}

    the overlay are positioned correct on hover.
    These settings are on .image-overlay-inside but that seems to be not enough

    November 2, 2020 at 10:08 pm #1257719
    Guenni007

    off topic : it would be nice to have on a backside image link – for the image a title attribute too.
    these images on backside linking to lightbox do not have a title.

    November 7, 2020 at 3:55 am #1258968
    Ismael

    Hi,

    Thank you for the info. We have reported the issue to our channel and included this thread for further inspection.

    Best regards,
    Ismael

    November 21, 2020 at 1:36 pm #1261952
    Guenni007

    and please report that off topic info too.
    It would be nice – because we can use the title for lightbox Info.

    November 22, 2020 at 8:14 am #1262074
    Guenni007

    I do not know what is going on with me lately. I’ve been overlooking things that are obvious. The popup for the media file used has even better a title input field – which can be set independently from the one in the media library. This is even better suited for this purpose.
    But you always have to set it in the advanced options of the image – the title attribute from the media library does indeed not appear on the image in the frontend.

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