WordPress.org

Ready to get started?Download WordPress

Forums

Collapse-O-Matic
[resolved] Using collapse-o-matic in li and ol (5 posts)

  1. MrCarlLister
    Member
    Posted 1 year ago #

    Hello,

    I am using the collapse-o-matic in a list as follows (hand in hand with the Multiple content blocks plugin - which allows multiple editable areas on each page):

    There are 5 collapse-o-matic tags in li tags surrounded by a ol tag.

    This is what goes into the content

    [expand title="Lorem ipsum dolor sit amet dolor sit ipsum, dolor ipsum sit amet dolor sit ipsum?" trigclass="arrowright"]
    Content here
    [/expand]

    And so on, there are 5 li in the ol.

    So the problem is that the Content here is indenting from the left and does not line up with the Title. I can use margin-left:-15px; on the P to fix the issue BUT it causes the animation to cut off the text from the left by 15px (once the animation to reveal text is finished, it does display correctly) but it doesn't look all too great during the animation.
    I'm currently doing all this locally so I have no link to provide so if my description isn't clear, I'll upload it someplace for a more visual run through.

    Cheers,

    Carl

    http://wordpress.org/extend/plugins/jquery-collapse-o-matic/

  2. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    1. add the following to your theme's style.css:
      .collapseomatic_content {
            margin-left: 0 !important;
      }
    2. add tag=""li" to your shortcode like so:
      [expand title="Lorem ipsum dolor sit amet dolor sit ipsum, dolor ipsum sit amet dolor sit ipsum?" trigclass="arrowright" tag="li"]Content here[/expand]
  3. MrCarlLister
    Member
    Posted 1 year ago #

    Brilliant, thanks Baden!

    Each content was surrounded by li tag so I don't need to reference that in the shortcode but the .css code you posted did the trick!

    Thanks again!

  4. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    Sweet! I see you marked the issue as resolved. Let us know if you need any more assistance. Vote for Pedro!

  5. Christina3467
    Member
    Posted 1 year ago #

    I see you guys may have resolved a problem

  6. similar
  7. to mine.

    I am also using colapse-o-matic on these roll downs

    Seems to work great if until i attempt to add color to any text.
    Noob ;p

    TIA...

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags