WordPress.org

Forums

Collapse-O-Matic
[resolved] Formatting expanded text (11 posts)

  1. RobinL
    Member
    Posted 2 years ago #

    Hello,

    And thanks a lot for this very useful plugin!

    I have just a little problem to fix, and I'm done. Everything works well, but I can't manage to do one little (but important) thing.

    I would like to format the expanded text. I mean, at least making it justified, enlarge line-height... I tried with 'p' and 'span' inside the shortcode, but it doesn't work at all. Whereas 'strong' works well.

    Thanks for your help :)

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

  2. Baden
    Member
    Plugin Author

    Posted 2 years ago #

    Check out the targclass attribute in the documentation.
    It is exactly for formatting the target/expanded text.

  3. RobinL
    Member
    Posted 2 years ago #

    Thanks Baden.

    I've tried to use the Targclass attribute, and the "highlight" works well; but what do I have to do to justify for exemple? And to add a specified line height? When I replace "highlight" with any other format specification, nothing happens...

  4. RobinL
    Member
    Posted 2 years ago #

    That's it, I finally managed to do what I want, thanks to the Roll-Your-Own stuff.

    Didn't use the shortcode, but it's working very well with 'div' and 'span' attributes.

  5. Baden
    Member
    Plugin Author

    Posted 2 years ago #

    Good to hear! For the targclass to work, you also need to define the class in your css file. But since you got things working... we'll mark this issue as resolved.

  6. jtconsulting
    Member
    Posted 2 years ago #

    Hi Baden,

    I have read the documentation and the forums and cannot get the plugin to work right.

    I simply want the expanded text not to indent - I want it to flow and look like the first part of text....here is the page I'm trying to use it on: http://illuminology.net/how-we-do-it/

    I would be very grateful for any help you can provide - I'm sure the answer is very simple and obvious I just can't find it.

    Jen

  7. Baden
    Member
    Plugin Author

    Posted 2 years ago #

    Jen,

    Add the following to your theme's style.css file (or the area where you enter custom css if your theme supports that):

    .collapseomatic_content {
         margin-left: 0 !important;
    }
  8. jtconsulting
    Member
    Posted 2 years ago #

    Thank you so much Baden that worked - I was adding it within wp editor but had to go into the cpanel css.

    THANKS!!! :)

    Jen

  9. Baden
    Member
    Plugin Author

    Posted 2 years ago #

    Jen: You are very welcome. Don't forget to vote for Pedro!

  10. jtconsulting
    Member
    Posted 2 years ago #

    Hi Baden,

    Sorry to bother you again...

    Your fix to remove the indent worked but now I'm trying to change the font to arial so it matches the site. Can you help with that :)

  11. Baden
    Member
    Plugin Author

    Posted 2 years ago #

    Jen: Please take a look at the shortcode in the HTML/Text edit mode. (Do not use Visual edit mode with shortcodes). When you view in the Text mode, you will see that the code you copy/pasted also pasted the code tags. The code tags are the cause of the font issue.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Collapse-O-Matic
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic