Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 24, 2015 at 4:00 pm #434186
    grammymix

    I’m using the fullscreen slider with 4 slides and want to keep the fade/ease animation turned off for the caption title, animation and buttons. I added the following in my quick css:

    .avia-caption-title, .avia-caption-content, .avia-slideshow-button {
  animation: 0s ease 0s normal none 1 running none !important;
  visibility: visible !important;
}

    While this code works and looks great in Firefox, it looks jerky and inconsistent in Chrome, Safari & mobile browsers. What can I change to fix this across all browsers? My goal is to keep the logo/wording/buttons static EXCEPT for the first caption line below the logo, which is different for every slide.

    Thanks for the help!

    April 26, 2015 at 8:50 am #434797
    Rikard

    Hi Matt!

    I’m having trouble loading the link you provided on my end, it loads for a while but then stops and only gives me a blank screen. It might just be something temporary but could you check please?

    Regards,
    Rikard

    April 26, 2015 at 2:38 pm #434872
    grammymix

    Here’s the link re-copied and pasted:

    http://www.mondopizzakitchen.com/

    The link changed recently as it just went live and was cached in an older state.

    Thanks for any help!

    • This reply was modified 9 years, 7 months ago by grammymix.
    April 29, 2015 at 11:11 am #436579
    Ismael

    Hi!

    Add the prefix webkit:

    .avia-caption-title, .avia-caption-content, .avia-slideshow-button {
	-webkit-animation: 0s ease 0s normal none 1 running none !important;
	animation: 0s ease 0s normal none 1 running none !important;
	visibility: visible !important;
}

    Cheers!
    Ismael

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