[egiesowParticipant]

Hi I would like to know how to make the user photo a circle shape, specifically when it is used at the end of a blog post to show the author.

I would also like to know how to make the user photo/avatar for an author smaller in size at the end of a blog post.

I appreciate your help.

http://www.ericanderica.org

[Kosher KMember]

Hi There,

You can do it by using this code below,

Simple add it on Customizer > Custom > CSS

.x-author-box .photo {
   border-radius: 100em;
   max-width: 100px;
}

Simply change max-width value to adjust the photo size.

Hope that helps.

Cheers

[egiesowParticipant]

perfect! Thanks! I appreciate it!

[CousettMember]

Glad we were able to help. Have a nice day.

[egiesowParticipant]

Hi again, I switched to the integrity theme and now the code above does not seem to work.

I would like the a author pic a little larger now and circle.

Thank-you for your help

[RadModerator]

Hi there,

It should be the same, just add the same css as given above.

Thanks!

[egiesowParticipant]

Hi again,

I am back on the ethos and have re-entered the above css, but my author photo at the end of blog posts is still really small. And the problem actually starts when I upload my photo on the user profile… the photo is a large/normal size but when it uploads the user profile shows it really small.

Do you know what the issue could be?

Thanks!

ericanderica.org

[ChristopherModerator]

Hi there,

Please try this code:

.x-author-box .avatar {
   border-radius: 100em;
   max-width: 100px;
}

Hope it helps.

[egiesowParticipant]

Hi, I just plugged that code in and even adjusted the px value a couple times and nothing happened…

[RubinKeymaster]

Hey There,

I’ve tried to access your site and it’s just blank can you give me the address of the particular page where I can see the user photo that has to be round.

[egiesowParticipant]

all of my pages are white right now. There was an error after entering a functions.php code. Please help

[egiesowParticipant]

ok, my site is back up!

Here is a link to a page: http://www.ericanderica.org/are-you-on-a-religious-treadmill/

at the bottom of this page the author photo is circle.. but it is very samll. But I think the real problem is that when I upload a picture onto my user profile is uploads very small… even though the file is large. would there be a setting in my dashboard that causes my photo to upload small in the user profile?

Thanks

[RadModerator]

Hi there,

Seems like your picture gets converted to smaller image.

The code resonsible for that is get_avatar( $author_id, 180 ) which 180px should be the size.

get_avatar() is pluggable and can be overriden by filter. Which means there could be another plugin or customization that could affect it.

Would you mind providing your login credentials and video recording of steps by steps on how we could reproduce your issue.

You could post them in private.

Thanks.

[egiesowParticipant]

ok, yes it was a plugin.

I was able to fix it.

Thanks!

[ChristopherModerator]

You are welcome

[Author]

Posts