WordPress.org

Ready to get started?Download WordPress

Forums

[Plugin: WP-dTree] Text Wrap (13 posts)

  1. oque
    Member
    Posted 3 years ago #

    HI - just checking to see if any type of text wrap was in the works. The menu works great but my 2nd column is only 200px wide and about half of each article title gets truncated.

    Thanks,
    David

  2. oque
    Member
    Posted 3 years ago #

    Hey - following up to see if there's a workaround or any plans in the works to include this feature.

    Thanks

  3. ulfben
    Member
    Posted 3 years ago #

    Try WP-dTree 4.0 and delete the white-space:nowrap; line from its css.

  4. oque
    Member
    Posted 3 years ago #

    HI ulfben and thanks. That definitely helped. Not being too versed in css, is there any way to adjust the list margins so the wrapping line is aligned with the top line? I tried your option for disabling WP-dTree's css and working from my Thesis css but I couldn't find where that list element is controlled.

    David

  5. ulfben
    Member
    Posted 3 years ago #

    Try using the Chrome browser and its "Inspect element"-feature. It allows you to click any element of a page, to see and adjust all it's properties (incl. CSS).

    Keep us posted.

  6. oque
    Member
    Posted 3 years ago #

    I have the plugin and it works really well! Can you tell me what I should look for that will control the list wrap for your plugin?

    Thanks,
    David

  7. hafman
    Member
    Posted 3 years ago #

    I have the same problem, longer page titles are wrapping back across the tree, which looks a bit like this:

    +--- the link thats too long
    and has to wrap

    Which isn't too tidy to my eyes. Tried the css removal to no avail. Tried the kitchen sink too....!?!?!?!?!? Help!

  8. hafman
    Member
    Posted 3 years ago #

    display: inline-block; fixed it for me

    see this page

    http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/

    Not so compliant in ancient versions of IE but what is?

  9. msdeadlines
    Member
    Posted 3 years ago #

    hafman [or anyone :] any chance you could provide specific use of display: inline-block; ... i haven't been able to get the long titles to wrap within the list width.

    help would be most fully appreciated :)

  10. ulfben
    Member
    Posted 3 years ago #

    msdeadlines, it seems in your theme all you have to do is disable WP-dTree's default stylesheet. Do it from Settings -> WP-dTree

    If you want to edit the styling further, read the documentation.

  11. msdeadlines
    Member
    Posted 3 years ago #

    hi ulf

    thanks so much for your response. yes i have disabled WP-dTree's default stylesheet and am working with the theme stylesheet. however my css knowledge is not to the point where i've been able to troubleshoot the category title line wrap issue :(

    any additional help would be appreciated ... or a link to a WordPress/WP-dTree site where the category title line wrap is implemented so i could take a look at the effective css would also be great :]

    ta for now

    -- joyce

  12. hafman
    Member
    Posted 3 years ago #

    hello Joyce,
    The css rules i used are:

    .node {
    	display: inline-block;
    	vertical-align: top;
    	max-width: 250px;
    	min-height: 20px;
    	padding-bottom: 10px;
    	/* For IE 7 */
    	*zoom: 1;
    	*display: inline;
    }

    There is supposed to be a hack for IE 7 but i'm not sure it works. I don't have a copy of that browser available. I left in just in case. Hope that helps.

    - Nick

  13. msdeadlines
    Member
    Posted 3 years ago #

    rockin! thanks nick :)

    yes seems to work with IE 7 too, using Adobe BrowserLab to verify.

    thanks much!

    -- joyce

Topic Closed

This topic has been closed to new replies.

About this Topic