WordPress.org

Ready to get started?Download WordPress

Forums

Simple Staff List
[resolved] Bio Text Not Contained in Div (9 posts)

  1. MyHairWebsite
    Member
    Posted 1 year ago #

    Hi

    The bio text is displayed in a straight line without any line breaks. It spills out of the div and off of the page. Does anyone know how to remedy this problem? Thanks!

    http://wordpress.org/extend/plugins/simple-staff-list/

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of assistance.

  3. Brett Shumaker
    Member
    Plugin Author

    Posted 1 year ago #

    This is definitely a CSS issue and not a problem with the plugin. I don't mind helping you figure it out, though. I understand if the site is not live, but I can't really help you until it is because I can't actually see the HTML/CSS that is generating the page.

  4. MyHairWebsite
    Member
    Posted 1 year ago #

    Ok. I temporarily set the page to live. The link is below. Thanks!

    http://central.smithhousemedia.com/test-staff-page/

  5. Brett Shumaker
    Member
    Plugin Author

    Posted 1 year ago #

    Thanks for doing that.

    It doesn't look like you're using the formatted template tags like: [staff-name-formatted] and [staff-bio-formatted]. So there are no HTML elements being wrapped around that text, and therefore, it's not getting styled correctly. So you can either do something like: <h3>[staff-name]</h3> and <p>[staff-bio]</p> or just use the formatted template tags.

    Let me know if that helps.

  6. MyHairWebsite
    Member
    Posted 1 year ago #

    Hi

    Thank you for the quick response!

    I put in the template formatting tags. The headers became formatted. However, the bio text is still running off the page.

  7. Brett Shumaker
    Member
    Plugin Author

    Posted 1 year ago #

    It looks like there's a tag inside the Staff Loop template which is causing the text to be "pre-formatted." Remove this, and if you don't see it in there, then your theme is automatically wrapping the output of the Simple Staff Plugin in this tag for some reason.

    Use this CSS to fix:

    code p {
    white-space: normal;
    }

  8. MyHairWebsite
    Member
    Posted 1 year ago #

    That solved the problem. Thanks!

  9. Brett Shumaker
    Member
    Plugin Author

    Posted 1 year ago #

    No problem!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.