How to change image from square to round?

Activello
1

Hello

I’ve created an “About Me” text box widget on the right side bar.
I’ve inserted a photo but it’s square and I’d like to change it to round. Is that possible? I tried to search the forum for the code but was not able to find a solution.

My website: www.mspollyanna.com

Thanks much
Lynette

2

Hi Lynette,

Could you try this CSS:

#text-3 div.textwidget p img{
   border-radius:50%;
}

Add it to appearance \ customize - additional CSS.
Hope this helps.

3

Hello

It worked!

But I changed the image from thumbnail to medium size and now it looks oval…
Not quite sure how to adjust it. Would you be able to advise please?

Thank you
Lynette

4

hey there

Lynette can i see it? please provide url of the page to see he image

5

Hello Noda

Yes, it’s: http://www.mspollyanna.com/blog/

Thanks much!
Best regards
Lynette

6

hi Lynette

Yes, its oval because this is portrait image and its not possible to make perfect circle from portrait images, try to use square image :slight_smile:

7

Hi Noda

Got it. Thanks for the advice.
I managed to work round it. I went back to the photo and cropped it into a square so when I used the thumbnail, the image came out round. =)

Lynette

8

You are welcome

If you’re happy with our service, don’t forget to rate us: [Activello] Reviews | WordPress.org
Now I will now close the topic and mark it as resolved. Feel free to contact us again Thanks!