Code next to button

I am using the AVADA theme

use the “Code block” instead of the text code. It happened to me too ! Make sure you put in the html code then just add the [expand] tags around it

Hi, kennyopr,

I tried that and it did not work. Any other suggestions??

JP

This is my code as it sits in the Code Block element

[expand title=’%(%img class=”alignnone size-full wp-image-12515″ src=”https://www.hendrickmanufacturing.com/hendrick/wp-content/uploads/2016/08/Screen-Shot-2016-08-25-at-9.10.44-PM.png” alt=”Screen Shot 2016-08-25 at 9.10.44 PM” width=”157″ height=”48″ /%)%’ trigclass=’highlight’]

[postslider layout=”posts-with-excerpt” excerpt=”35″ category=”clients” limit=”3″ lightbox=”no” class=”homeGallery” id=””][/postslider]

[/expand]

Hey John,

There is a much better way to use Collapse-O-Matic with Images using the roll-your-own method. For example:

Trigger:

<img id="my_expand_01" class="collapseomatic noarrow alignnone size-full wp-image-12515" src="https://www.hendrickmanufacturing.com/hendrick/wp-content/uploads/2016/08/Screen-Shot-2016-08-25-at-9.10.44-PM.png" alt="Screen Shot 2016-08-25 at 9.10.44 PM" width="157" height="48"/>

Target:

<div id="target-my_expand_01" class="collapseomatic_content">
[postslider layout="posts-with-excerpt" excerpt="35" category="clients" limit="3" lightbox="no" class="homeGallery"][/postslider]
</div>

More examples of how to use collapse-o-matic with images.