WordPress.org

Ready to get started?Download WordPress

Forums

Collapse-O-Matic
expanding doesn't expand content area (7 posts)

  1. High Aspirations, Inc.
    Member
    Posted 11 months ago #

    I cannot figure out what I am doing wrong.

    I have the following code in place which expands and collapses as expected:

    [expand tag="div" title="View Part Numbers and Sizes"]
    lots of text to be expanded
    [/expand]

    However, when expanded, the content I "collapsed" as well as anything below it shifts down below the footer of the page, overlapping it and anything in it. I've tried adding a br clear all in every thinkable location of my theme and even in the post/page as well as a .collapseomatic_content {clear: both;} to my css with no changes.

    You can see an example of this at http://highasp.com/screwsupply2/security-catalog/bits-keys-and-drivers/14-hex-spanner-bits/

    I have tested this in Firefox, IE, Opera, Chrome, and Safari all with the same result.

    I am using the latest version of Collapse-O-Matic (1.5.3) on WordPress 3.5.1 on Elegant Themes Modest theme.

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

  2. breeze76
    Member
    Posted 11 months ago #

    Instead of this: [expand tag="div" title="View Part Numbers and Sizes"]
    lots of text to be expanded
    [/expand]

    Try this:[expand title="View Part Numbers and Sizes" tag="div"]
    lots of text to be expanded
    [/expand]

    Moving the div tag to the end of the expand portion...

  3. High Aspirations, Inc.
    Member
    Posted 11 months ago #

    Thanks breeze76, but that didn't fix the problem.

  4. Baden
    Member
    Plugin Author

    Posted 10 months ago #

    It's an issue with your theme:
    <div id="left-area" style="height: 994px;">
    Since this div has a fixed height, the content spills over the end.

  5. High Aspirations, Inc.
    Member
    Posted 10 months ago #

    Thanks for looking into the problem. I'm wondering where you found that height setting because when I view the source of the page, I don't see that and I don't even have the number 994 in my theme's css file.

  6. Baden
    Member
    Plugin Author

    Posted 10 months ago #

    It is being set dynamically somehow. You might want to see if it is being caused by a plugin (disable all, and one-by-one re-activate). If it's not a plugin, then it must be a script being called by your theme.

    If you get stuck, hit us back and we'll see what we can to do to help.

  7. High Aspirations, Inc.
    Member
    Posted 10 months ago #

    I only have two plugins installed on the site - Configurable Tag Cloud and WP E-Commerce. I disabled both and still had the problem. Definitely confirms it is a conflict with the Modest theme by Elegant Themes.

    I was never able to figure out where the theme was calling the height of 994px (never see it when I view the source or in any of my theme files) so I couldn't change it.

    I managed a workaround by modifying the theme's css and adding "overflow:hidden; height: 100%;" to the .container and "overflow:auto; height: 100%;" to the #left-area. It creates a scroll bar when the expanded content would go over the bottom of the page. Not what I'd like, but at least the content doesn't blow outside of the page layout now.

    Thanks for all the help. If you ever figure anything out, let me know.

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.