Formating Author Bio's
-
The author bio’s seem to be centered and all paragraph formatting lost. See http://www.compukol.com/blog/meet-our-bloggers/.
How can I left justify the bio’s and preserve line breaks?Also I would like to display the complete bio’s not just an excerpt or at least have a Read more… at the end of the excerpt. How can I accomplished that?
I use this shortcode:
[authoravatars hiddenusers=admin show_name=true show_biography=true avatar_size=150]
-
Hi
add this css to your theme
body .shortcode-author-avatars .author-list img{
float: left;
}And set a large number in the limit bio length input or add max_bio_length=9999 to the shortcode
I need the bio text left justify not the avatar image (although justifying the image on the left doesn’t look so bad). How do I left justify the text and how do I preserve paragraph formatting and line breaks within the bio text?
Hi
You spotted a bug I had added with the truncation of bio’s code – thanks
I have just push a fix in 1.8.6.3
Truncation is now off by default so you should be good
try this css to get the image to the right
body .shortcode-author-avatars .author-list img{
float: right;
}
// this will left align the bio
body .shortcode-author-avatars div.author-list .user{
text-align: left;
}Hi Paul,
The latest code you provided above just moved the images to the right but the text is still not left justified. And also all the HTML tags within the txt such as links and <p> tags got lost.
Here is what I have in style.css for your plugin. This include entries you provided today together with entries you provided me in the past about the same problem. Please advise a fix.
/* ***For Author Avatars List Plugin *** */
/* If you want to justify the text in your bio section, add this in your main style sheet: */.author-list p {
text-align: left; }/* However, that won’t affect your images, which would still be centered. If I were you, I would force them to align with the text and wrap the text around it. To do so, add these styles: */
.user.with-name.with-biography >a {
float: left;
margin-right: 8px 10px 0 0;
}/* If you want to add more empty space between authors for clarity, add this too: */
.user.with-name.with-biography {
margin-bottom: 15px;
}body .shortcode-author-avatars .author-list img{
float: right;
}// this will left align the bio
body .shortcode-author-avatars div.author-list .user{
text-align: left;
}
/* ***End Author Avatars List Plugin *** */Have you updated to version 1.8.6.3 that should fix the HTML in bio
try this css block
/* ***For Author Avatars List Plugin *** */
/* If you want to justify the text in your bio section, add this in your main style sheet: */body .shortcode-author-avatars .author-list img{
float: right;
}
body .shortcode-author-avatars div.author-list .user .name {
font-size: 6em;
}
// this will left align the bio
body .shortcode-author-avatars div.author-list .user{
text-align: left;
}
/* ***End Author Avatars List Plugin *** */Hi Paul,
I updated the plugin to 1.8.6.3 and it looks like it restored the entire text and HTML tags.
I replaced the code in style.css with this one:
/* ***For Author Avatars List Plugin *** */
/* If you want to justify the text in your bio section, add this in your main style sheet: */body .shortcode-author-avatars .author-list img{
float: left;
}body .shortcode-author-avatars div.author-list .user .name {
font-size: 2em;
}// this will left align the bio
body .shortcode-author-avatars div.author-list .user{
text-align: left;
}
/* ***End Author Avatars List Plugin *** */When the images are on the left I have 2 issues left:
1. Need some padding between the image and text.
2. Some of the text for few people is still not left justified. Take a look: http://www.compukol.com/blog/meet-our-bloggers/Thanks,
update the CSS
body .shortcode-author-avatars .author-list img {
float: left;
padding-right: 20px;
padding-bottom: 5px;
}to add some padding
And send me a donation for the time I spend on this 🙂
Paul
Thank you. Much Better.
Paul,
I have just updated to version 1.8.6.3 and the bio info has dropped out altogether. The bios on our site are just a single tag. After the update, the link is gone and all I see is an ellipsis. I am using the widget.
I’ve just figured out that the problem is the update did not automatically update my already-configured widgets, so the “Trim Bio Length” field is not there when I open up the widget settings. If I place a new widget, which does have that field, then everything is fine.
I manage a multisite network with 20 or so sites, all of which use the Authors Avatars widget. Is there a fix that will update the widget, so I don’t have to go in and drop the existing version and place a new version and reconfigure it on each of the sites?
Check it out here: http://ercoats.wpengine.com/softdev/
This is our test site… the content is just junk, but the set up mirrors our live site. The Author Avatars widgets are in the right sidebar. The one that was already there is the first one. The second one is the new widget.thanks,
Deniseshoot… I should have used the “code” escape for the “tag” in my first sentence.
I think the problem is that I had to go from word count to letter count
did you have bio limit set?
I am looking at this?
Paul
The problem is that after the update to 1.8.6.3, the widgets that I had already placed and configured don’t show the bio limit field at all, so I can’t specify a limit. Here’s a screen shot of the existing widget, after the update:
http://bit.ly/1AB1lSLIf I place a new instance of the widget then I see the “Trim Bio Length to [100] characters.” field. And that works fine.
But I really don’t want to have to replace and reconfigure all the widgets on my multisite.I updated from version 1.8.5.0. I did not get any notifications of the versions between 1.8.5.0 and 1.8.6.3, so I did not install any of them.
thanks,
DeniseHi
I believe I have fixed the problem
I have push a new version please test and let me know if you are still having problems
Paul
Hi Paul,
I’ve installed the update, 1.8.6.4, and I do now see the bios in the widget display. I still don’t see the “Trim Bio Length” field in the existing widgets config, though. But it doesn’t seem to matter now.
thanks,
Denise
The topic ‘Formating Author Bio's’ is closed to new replies.