Image animation shortcodes instead of div container

[celeteweitz]

Hi Support,
It is my regret and hours of frustration that led me to this conclusion. Image animation shortcodes not found in shortcode generator, instead image option is available in the page builder which creates a div container and cannot be used inside the column.
But yoou guys used the shortcode for image animation inside column as shown in the demo http://dante.swiftideas.net/features/

</div>
<div class="one_third">
<p><img class="sf-animation" alt="shop2" src="http://5polmhwz1w47vy1h4f015h97s.wpengine.netdna-cdn.com/wp-content/uploads/2013/03/shop2.jpg" width="349" height="395" data-animation="fade-in" data-delay="200" /></p>
<h6 style="text-align: center;">Full Shop</h6>
<p style="text-align: center;">Built for WooCommerce 2.0+, Dante includes everything you need to start selling today!</p>
<p style="text-align: center;"><a class="sf-button standard accent standard " href="/shop/" target="_self"><span class="text">SEE THE SHOP IN ACTION</span></a>
</div>

So guys it is humble request, can we at least get a list of all shortcodes which can be used.

regards
celeste

[Swift Ideas – Ed]

Hi @celeste,

That isn’t actually a shortcode, it’s just a custom class and two attributes on an img (which could be added to any HTML infact).

This is all you need:

<img alt="shop2" src="http://5polmhwz1w47vy1h4f015h97s.wpengine.netdna-cdn.com/wp-content/uploads/2013/03/shop2.jpg" width="349" height="395" class="sf-animation" data-animation="fade-in" data-delay="200" />

Just add the following to the img tag: class=”sf-animation” data-animation=”fade-in” data-delay=”200″

Hope that helps.

– Ed

[dazwicker]

This doesn’t seem to work properly for me. When i add the code referenced above to an img tag that uses left alignment to wrap text, it removes the right padding between the image and the text. If i add the padding back in with a style attribute, it appears to shrink the image. A shortcode for this would sure be nice.
Dave

[Kyle – SUPPORT]

Can you show me the example? I can sort the padding for you

– Kyle