Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 14, 2022 at 1:06 pm #1348385
    fkm

    Hey Enfold team,

    I just found out that when hover over the arrows on the sides of the screen with the cursor the animations of the pervious/next portfolio entry functions are different:
    for the pervious portfolio entry it´s like parallax style and for the next portfolio entry it just slides out.
    If possible, I would like to have the just sliding out animation for both.

    Maybe I caused this myself with the dozens of changes I made for customization, but I wouldn’t even know how to find out.
    So please help.

    Thank you very much in advance.

    Best regards, fkm

    April 16, 2022 at 3:25 pm #1348561
    Mike

    Hey fkm,
    Thank you for your patience and the link to your page, I’m not sure why this is occuring, but this seems to correct, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    .avia-post-nav.avia-post-prev .entry-info-wrap {
	    width: 240px;
	    visibility: hidden;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
        animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
}

.avia-post-nav.avia-post-prev:hover .entry-info-wrap {
	visibility: visible;
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}

@keyframes slide-in {
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(0%); }
}
@keyframes slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    April 25, 2022 at 11:25 am #1349373
    fkm

    Hey Mike,

    thank you very much for your reply/support and please excuse my delay.

    The code basically works well, it´s sliding now.
    However, there are still a few differences to the slide effect for the next portfolio entry on the right:
    – the preview for the previous portfolio item (left) slides out from the edge of the screen, on the other side it slides out of the arrow
    – the previous portfolio entry also seems a bit sluggish/slower and slides out with a jerky end
    – and the slide (left) is already activated when getting close to the arrow, on the right only when hovering over the arrow

    Please have a look yourself.

    Can the points mentioned be adjusted without much effort so that both sides are uniform?
    Otherwise, I’d leave it as it was originally – after all, it’s absolutely fine (although not exactly the same) as it is.

    Thanks a lot for another reply in advance.

    Best regards, fkm

    April 25, 2022 at 1:17 pm #1349399
    Mike

    Hi,
    Sorry, this is as close as I could get it to match.

    Best regards,
    Mike

    April 25, 2022 at 3:35 pm #1349421
    fkm

    Hi Mike,

    no need to sorry, thank you very much for your support anyways – I really appreciate it.

    Best regards, fkm

    April 25, 2022 at 6:21 pm #1349438
    Rikard

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    April 26, 2022 at 9:03 am #1349472
    fkm

    Hi Rikard,

    you can close it – thank you very much.

    Best regards, fkm

    April 26, 2022 at 10:02 am #1349488
    Nikko

    Hi fkm,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Animations for previous/next portfolio entries’ is closed to new replies.