How To Alter Avatar Size Inward Blogger Comments

This unproblematic play tricks volition assistance you lot modify the avatars size inwards Blogger comments whose default size is of 36px... pretty pocket-size considering that a lot of sites these days are using much larger avatars. To alter the agency as well as size of avatars is real slow - you lot simply require to add together the CSS code inwards your Blogger template that volition brand size of avatars to bring width as well as superlative of 64px.

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

...click anywhere within the code expanse as well as press CTRL + F to opened upwards the blogger' search box

Step 2. Type or glue this tag within the search box as well as striking Enter to honour it:

]]></b:skin>

Note: you lot may require to click on the arrow side past times side to it as well as thence search this tag again

Step 3. Depending on which comment organisation you lot role (with reply/no reply), re-create as well as glue 1 of the next codes simply to a higher house it:

[Works inwards 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 one-time 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/AVvXsEj2mvhdZQC8oCS8dZFMgvLXVekBnXg5MEdL_McSlAPMIoOwxViKaxaNS8qe5EozgCfnhUSdqy9ZCVN06oXxF6b0qPQiu2uxH6IgUOFHKeOkKj_rv6YXusa-MNu8_xa25yHnsyKK44L6rV4/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, alter the values inwards red. To alter the anonymous avatar, supersede the URLs inwards blueish amongst your own. (works exclusively for the one-time commenting organisation i.e. that has no respond option)

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

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