Archived topic
Avatar image doesn't appear rounded
11 replies · Started by Yker on August 13, 2022
Hey,
I want to make the author box with a rounded image. I select the option to do so, but when I check the result, it's still a squared photo.
You can check a single blog post, the author box is at the bottom: https://www.bonvivantcaffe.com/best-espresso-machines-under-2000/
I have already tried cleaning my browser cache and other experiments.
Hi there,
can you disable the Siteground optimizer so i can see why that style is not being applied ?
Thanks for your answer, David. I deactivated the Siteground optimizer. Please let me know what you find.
How are you adding the author gravatar currently?
I am using the One User Avatar plugin to manage different authors.
Hi Yker,
Have you tried using a GB Image Block, and retrieve the author avatar through the Dynamic Option in the Block’s settings?
You can add border radius in the spacing section if that works for you.
Hi Fernando, I can't find the dynamic option for a regular GB image block for some reason.
It’s in the Block Settings of the Image Block. Reference: https://docs.generateblocks.com/article/image-overview/#dynamic-data
I tried following these steps, but it's still a squared picture, even after putting a 100 border-radius.
Try adding this CSS:
img.avatar {
border-radius: 100%;
}Finally! Adding the CSS worked! Thank you :D
The issue there was other plugins messing with the image HTML... so CSS to the rescue :)
Glad to hear its working :)
