Forum Replies Created
-
AuthorPosts
-
February 14, 2016 at 11:06 pm in reply to: How Keep original Author Avatar Square (not cropped round) #179053m31Member
Brad,
Thanks so much, you pointed me in the right direction and I was able to figure out how to modify the avatar class within the sites style.css. Even kept some border radius to round the corners of the square, which had a look I liked even better, below this reply is the snippet.
In addition, it gave me insight in how to control some other features. Much appreciated!
-Jason
.avatar {
border-radius: 15%;
float: left;
padding: 3px;
}m31MemberHello Davinder,
Thank you for your response.
Altering the style.css and functions.php code as you suggested works to properly place the new dimension of the image, and it also retains responsiveness. The second goal is to somehow have the image be of higher resolution.
No matter the resolution the image is uploaded as, the cropping process reduces it to a very non-retina sharpness of 90x420 at what I believe is 72ppi.
Is there way to place a PNG file with more information, therefore more edge sharpness, within the 90x420 boundary?
I experimented with simply quadrupling the image dimension allowance in the functions.php to 360x1680 which works to display a much sharper image, but of course interferes with browser properly responding to changes in window size, the header image will pop out of existence when expanded for example.
Any further insight would be greatly appreciated.
-
AuthorPosts