Author Bio help

Hi,

I want this author image and name to come in this style http://www.screencast.com/t/mJziJyrNk

can you let me know what code i have to add ???

thanks
bharath

Probably need to edit the single post template you’re using and move that section from bottom of template to top and experiment with that. For circle image you’d need to add CSS to make a round mask.

If you don’t know how to do any of that you might have to hire a developer.

Tagdiv support back on Monday might give more specific answer.

Hi,

Thanks @Chris i have got the solution for the author image

@Alin
It worked fine, but i have one issue, this avatar is general image for all the post, but i want to post avatar of my authors who post in our website, is it possible to get the avatar from the Gravatar.com to that position that i have mentioned or is there any alternative way to deal with this issue??

http://www.screencast.com/t/ZKFEvQiIu

Regards
Bharath

And also i want to this avatar to be visible on Small screen

Speaking for those of us who are uncomfortable with code tweaking, what are the chances this option could be added to the next version of the theme?

• This reply was modified 10 years by Tony Bear.

Can you tell me how to make author pic in post in circle.

It would be nice with some shadow.

Regards
Siraj

Some info on how to do clips/masks – just follow the examples to experiment:
http://www.html5rocks.com/en/tutorials/masking/adobe/

Thanks for the reply!

Hi Alin,

Could you please share any css code which I can use to make the author pic in circle with shadow and small border.

Sorry Chris, I tried to follow what you said but I think i screwed something in middle 🙂

Regards
Siraj

Thank you Alin.

I was asking about the Author PIC in POST. Not meta info Avatar. Will the same code works for even in Author Box.

Or shall I make changes at .author-box-wrap .avatar ?

Regards
Siraj

Thank you very much

If someone is reading this post and want to experiment with autor pic. You can also try following custom CSS code:

.author-box-wrap .avatar {
border-radius: 100%;
border: 5px solid #FFF;
-moz-box-shadow: 0 1px 3px 0 rgba(5,5,5,0.25);
-webkit-box-shadow: 0 1px 3px 0 rgba(5,5,5,0.25);
box-shadow: 0 1px 3px 0 rgba(5,5,5,0.25);
}

This will create a nice white border around your author.

NOTE: this will not change the pic styling in comments section, the above code is only for single post author pic.

Try and see.

If someone knows which section I need to add code to change the style of comments avatar, please do share

Regards
Siraj

Thank you very much. First class support from you. Much appreciated.

Regards
Siraj

How to do the same in Newspaper 7? anyone can tell me?

i’ve done this using “loop-single.php” and it’s working fine in desktop using this css and code

loop-single.php edit code :

<div class=”td-module-meta-info”>
<?php echo get_avatar(get_the_author_meta(’email’, $author_id), ’45’) . $td_mod_single->get_author();?>
<?php echo $td_mod_single->get_date(false);?>
<?php echo $td_mod_single->get_comments();?>
<?php echo $td_mod_single->get_views();?>
</div>

edit css :

” .avatar {
border-radius: 999px;
}

”

But when i add the same code in “/mobile/single.php” then

Please tell me css for mobile theme.

Sorry I can’t Give Website name right now. Please tell me in other ways.