How To Alter Avatar Size Inward Blogger Comments

This unproblematic fob volition aid y'all modify the avatars size inward Blogger comments whose default size is of 36px... pretty modest considering that a lot of sites these days are using much larger avatars. To modify the manner too size of avatars is really slow - y'all but involve to add together the CSS code inward your Blogger template that volition brand size of avatars to bring width too tiptop of 64px.

Step 1. Go to Dashboard - Template - click on the Edit HTML button

...click anywhere within the code expanse too press CTRL + F to opened upwardly the blogger' search box

Step 2. Type or glue this tag within the search box too hitting Enter to discovery it:

]]></b:skin>

Note: y'all may involve to click on the arrow side past times side to it too and then search this tag again

Step 3. Depending on which comment arrangement y'all purpose (with reply/no reply), re-create too glue 1 of the next codes but higher upwardly it:

[Works inward Blogger threaded comment system]

.comments .avatar-image-container{
background-color: rgb(34, 34, 34);
border:1px corporation #ccc;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
width: 64px;
max-height: 64px;
}
.comments .avatar-image-container img{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
max-width: 64px;
height: 64px;
}

[for quondam blogger commenting system]

.avatar-image-container{
border:1px corporation #d6d6d6;
margin-left: -30px;
-moz-border-radius: 4px;
background:#fff;
height:70px;
min-height: 70px;
width:70px;
min-width:70px;
}
.avatar-image-container img {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmRL3dr2oQKjovpUjsbMv9m5ysIXaszJUdeJYqAC8bMSyGtXP-c-6sed6aGvQQoM0i4gINBMyvYTs6vrNv0MJwuCJbN_phj-u0ZBcT8zbB-vJFOAEBMW2Har6tj3saRC_uAk-g10WwVqg/s200/anonymous.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:70px;
min-width:70px;
height:70px;
min-height:70px;
}

Note: For bigger/smaller avatars, modify the values inward red. To modify the anonymous avatar, supervene upon the URLs inward bluish amongst your own. (works exclusively for the quondam commenting arrangement i.e. that has no respond option)

Step 4. Cick on the Save template push clitoris to use the changes.

That's it. Now the Blogger comments avatars should hold off bigger.

Share this post