Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 22, 2014 at 10:11 pm #254654
    Edna

    Hi,
    Would there be a way to animate images (Fade-in)? What I am looking for is the effect that we can get on the testimonials images; example here: http://kriesi.at/themes/enfold/shortcodes/testimonials/
    On images such as the ones here: http://toticorp.com/benefits/
    Just need them to fade in one after the other.

    I tried to use the testimonial shortcode on the benefits page but we needed the images to be slightly bigger on top and bit smaller at the bottom. If there is a way to use the testimonial shortcode to do this, I am all ears :)
    E.

    April 23, 2014 at 6:13 am #254781
    Josue

    Hi Edna!

    If you put those elements inside a Color section with this settings they will fade in when the page is loaded.

    Best regards,
    Josue

    April 23, 2014 at 3:52 pm #255022
    Edna

    Hi Josue,
    Thanks for the reply. I have put the top portion into a Color Section. The fade in effect is applied on the entire section and not just the images (IE even text is faded in).
    Would there be a way to just fade in the images? The goal here is to basically have the same feel as the bottom part of the page.
    Or is there a way to have different size Testimonial images? This would be ideal as I can generate two sets and use it as needed.
    E.

    April 23, 2014 at 10:02 pm #255236
    Josue

    Hi!

    Indeed, using the Testimonial element would be ideal, what size do you want to have for the images, you are referring to this right?

    Regards,
    Josue

    April 24, 2014 at 5:12 pm #255607
    Edna

    Hi Josue,
    Yes I am referring to that. If I can choose to display either:
    90px × 90px images or 80px × 80px that would be awesome.
    Those are the two sizes we are using right now depending on the case. For the time being I have no issues with the 80×80 images but if we need slightly bigger ones then I can’t use the Testimonial shortcode. It reduces the image size to 80×80

    E.

    April 24, 2014 at 7:24 pm #255724
    Josue

    Hey!

    Try adding this to the Quick CSS:

    div.avia-testimonial-image img, div.avia-testimonial-image{
    width: 90px !important;
    height: 90px !important;
}

    Cheers!
    Josue

    April 24, 2014 at 9:44 pm #255821
    Edna

    Thanks so much Josue :)
    Did a tiny adjustment to the code.
    I kept the testimonial in the Color Section. Added a div id to it and changed the css to target that Div id. This way I can have both sizes on the same page :)

    Thanks so much for all your help. It’s much appreciated.

    E.

    April 24, 2014 at 9:58 pm #255831
    Josue

    You are welcome, glad we could help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Animated (Fade-in) images’ is closed to new replies.