Support » Plugin: Collapse-O-Matic » Code next to button

  • Resolved John

    (@johnstevenspendleton)



    Can you tell me why I might have some code next to my button? there is “> next to my button

    Check out the bottom of the page for the button

    http://www.hendrickmanufacturing.com/hendrick/

    Below is my code:

    [expand title=’%(%img class=”alignnone size-full wp-image-12515″ src=”http://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]

    https://wordpress.org/plugins/jquery-collapse-o-matic/

Viewing 6 replies - 1 through 6 (of 6 total)
  • John

    (@johnstevenspendleton)

    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

    John

    (@johnstevenspendleton)

    Hi, kennyopr,

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

    JP

    John

    (@johnstevenspendleton)

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

    [expand title=’%(%img class=”alignnone size-full wp-image-12515″ src=”http://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]

    Plugin Author Baden

    (@baden03)

    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="http://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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Code next to button’ is closed to new replies.