Tagged: author image
Hello, how can I make the author image show square, and increase its size to 100×100?
See example here: https://boylanpoint.com/wp-content/uploads/2022/03/65634.png
I’ll need this edit to work for all author images on this template, thanks!
Hey WebDevDept,
Thank you for the inquiry.
You can use this css code to adjust the size of the author image.
.author-box .rounded-container {
width: 100px;
height: 100px;
line-height: 100px;
}
.author-box .rounded-container img {
width: 100px;
}
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.
Best regards,
Ismael
Thanks Ismael!
I just noticed that the author image does not show up on mobile, do you think your code made it hidden on smaller screens? If not, how do I make sure the author image shows on mobile devices as well?
Hi,
Thank you for the update.
The author image is actually disabled or hidden on mobile devices by default. You can display it back by using this css code.
@media only screen and (max-width: 767px) {
.responsive .template-blog .blog-meta {
display: block;
}
}
Best regards,
Ismael
You guys and gals are awesome, thanks Ismael! :D
Hi,
Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Close it up! :D
Hi WebDevDept,
Thanks for using Enfold and have a great day!
Best regards,
Nikko