Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 11, 2017 at 12:00 am #819040
    Angelo

    Hi Guys,

    Is it possible to change the speed of the text on images?
    I am using a few images with layer text on it, but i would like to have the text coming slower in so there is more interaction. Is that possible?

    July 11, 2017 at 4:06 am #819071
    Mike

    Hey Angelo,
    Try this code in the General Styling > Quick CSS field:

    .av-caption-image-overlay-bg {-webkit-transition: all 0.9s ease-in-out!important; 
    transition: all 0.9s ease-in-out!important; 
}

    Best regards,
    Mike

    July 11, 2017 at 12:26 pm #819261
    Angelo

    it is not changing anything. I dont see the text coming in slower

    July 11, 2017 at 3:03 pm #819397
    Victoria

    Hi,

    Try to increase the number

    
.av-caption-image-overlay-bg {-webkit-transition: all 2s ease-in-out!important; 
    transition: all 2s ease-in-out!important; 
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 11, 2017 at 10:44 pm #819675
    Angelo

    I have added this to the quick css and replaced 2 for 8 to see what it doest but i dont see any change. The text is still not coming in slower than the image it self.

    July 14, 2017 at 5:58 pm #821323
    Victoria

    Hi Angelo-ufirst,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.avia_transform .avia_start_delayed_animation.right-to-left {
    -webkit-animation: avia-rtl 2.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia-rtl 2.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
 }

    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 16, 2017 at 11:35 am #821964
    Angelo

    allright this is working but the text may come in more slower than the background. So maybe 10 or more. Ive tried to play with the 2.8s but i couldnt figure it out.

    July 16, 2017 at 3:15 pm #822033
    Mike

    Hi,
    Try this code, I added “important” to it and changed the 2.8s to 9.8s:

    .avia_transform .avia_start_delayed_animation.right-to-left {
    -webkit-animation: avia-rtl 9.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)!important; 
    animation: avia-rtl 9.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)!important; 
 }

    Please see video in Private Content area of the 3 text blocks moving in slowly, just so I know we are looking at the same thing :)

    Best regards,
    Mike

    August 25, 2017 at 10:37 am #843837
    Angelo

    Thanks working perfectly!

    August 25, 2017 at 2:44 pm #843996
    Sarah

    Great! Let us know here in the forums if you need help with anything else.

    Best regards,
    Sarah

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘is it possible to slow down the text on image caption’ is closed to new replies.