Bio Text Not Contained in Div

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

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.

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

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

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.

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.

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;
}

That solved the problem. Thanks!

No problem!