Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 7, 2015 at 2:00 pm #531855
    Munford

    Hi guys

    First – great new update with many useful new tools – keeps getting better!
    Second – Since I updated, I lost some styling on my fullscreen slider link buttons.
    They fly in from the left now (default?) instead of fading/ dropping down from the caption/title area
    – which I had set before the update and now forget how to do. I guess it wasn’t able to be in the child theme.
    Can you help me with this?
    see slider example here: http://andesworldtravel.com/nature-culture-ecuador/
    thanks –
    nancy

    November 10, 2015 at 3:56 am #533009
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .avia_transform .av_slideshow_full .active-slide .avia-slideshow-button,
.avia_transform .av_fullscreen .active-slide .avia-slideshow-button
{
visibility: visible;
-webkit-animation: avia-fadein  0.8s 1 linear;
animation:         avia-fadein  0.8s 1 linear;
}

    Cheers! 
    Josue

    November 10, 2015 at 9:37 am #533106
    Munford

    HI Josue

    thanks that helped, as it now just fades in with the title/captions.
    Just so I understand though, is the fly-in animation a new default in the recent enfold update?
    I have not changed my css since the update, and the animation was fine before that (when it dropped down from the caption instead of just fading in)

    Thanks for your help
    Nancy

    November 10, 2015 at 9:43 am #533107
    Josue

    Those animations existed before the update, i’m not sure why they weren’t applied to your slider though.

    Best regards,
    Josue

    November 10, 2015 at 9:59 am #533112
    Munford

    Is the default the “fly-in” animation? Is there a place where this can be set?

    November 10, 2015 at 10:19 am #533119
    Josue

    GUI-wise you can’t, it’s set on css/shortcodes.css:3360:

    .avia_transform .av_slideshow_full .active-slide .avia-caption-content,
.avia_transform .av_fullscreen .active-slide .avia-caption-content
{
visibility: visible;
-webkit-animation: caption-right  1s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
animation:         caption-right  1s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
}
    November 10, 2015 at 10:31 am #533124
    Munford

    thanks

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘fullscreen slider button animation, update’ is closed to new replies.