Shortcode to Display Bio Boxes Without Bio Text

This isn’t exactly how the plugin’s designed to be used. There’s no functionality to limit the biography text to a set number of characters but I think there’s 2 ways you might be able to achieve this …

Both of these use the plugin’s shortcode, either in wildcard mode if you want the Biography Box for all your users displayed, or repeat the shortcode, once per required user.

1. If your user’s don’t have the Biographical Excerpt filled out in their profiles, configure the shortcode to use this via the type=excerpt shortcode attribute. This will effectively emit empty biography text. Something along the lines of …

[wp-biographia user="*" type="excerpt"]

… assuming wildcard mode in this example.

Or …

2. Wrap the HTML emitted by the shortcode in a specially identified <div> and then load some custom CSS to set wp-biographia-text within that <div> to have display: none set. Something along the lines of …

<div class="restricted-bio">
<?php do_shortcode('[wp-biographia user="*"]'); ?>
</div>

… with CSS along the lines of …

.restricted-bio wp-biographia-text {
    display: none;
}

I haven’t actually tried this, but in principle it should work though both work-arounds may need some tweaking. Hope this helps and makes sense

-Gary

Thanks for the QUICK response Gary! I’ll try the [wp-biographia user=”*” type=”excerpt”] short code method. Thanks!

Excellent. Let me know how you get on. One word of warning. If you run a multi-user site, and your users have access to their profile, make sure they haven’t filled out the Biographical Excerpt in their profiles, otherwise this won’t work the way you want it to.

Also, this is a (slightly hacky) work-around. The next version of the plugin, which is currently under development, will allow you to override each part of the Biography Box, for shortcodes, for template tags and when automagically inserted into a post’s or page’s content.

-Gary

Hi Gary,

I ended up inserting the code within tabs on a page so long bios aren’t an issue any more. https://mudandadventure.com/obstacle-racing-team/

New question: Is it possible to resize the image past 100×100? I have tried setting it to 200×200 and 300×300 but no such luck. I am using plugin called “local Avatars” to upload pics locally and bypass Gravatar but the plugin doesn’t have image dimensions.

Thanks again for your help. Looking over the support history and I don’t think I’ve ever seen such support for a free plugin before.

OK resizing the images does work. I was literally putting in “300×300” instead of “300” d’oh!
But that presents a new problem. Any image size over 100 pushes the text below the image leaving a lot of blank space to the right of the image. Is there anything I can do to stop that from happening? Ideally I would like a 300 or 250px image with the bio text on the right.

This is absolutely possible but it’ll need some custom CSS to override the plugin’s default CSS (which assumes a standard avatar size of 100×100 px). Do you have a URL to a page where this is happening and I’ll see if I can recommend the required CSS tweaks?

-Gary

Hi Gary,

yeah url: https://mudandadventure.com/obstacle-racing-team/

Click on tab Paul Buijs or Dave Gluhareff to see alignment issue

I have image size set to 250

Thank you so much!

Try loading a custom CSS file with the following …

.wp-biographia-text {
    float: none;
    margin: 0 0 0 280px;
}

… that should work, or at least it appears to when I hack the CSS directly in FireBug and and in Chrome’s web inspector.

-Gary

Thanks Gary! worked and made my day!

Excellent. Glad it’s sorted out. That’s a good way to end the week.

-Gary