You can see the default avatar in blogger comments and that avatar has default size but most of the people may not like this size, so they want to change the size of avatar. Here we are going to tell you simple trick to modify the avatar size of blogger comments. Changing the avatar size is very easy, there you just should add CSS code. Just follow the following steps to make change the avatar size.
Step 1: Login to blogger dashboard then go to template and click on the edit html
Step 2: Then type the below code into the search box.
]]></b:skin>
Step 3: Use the following code in the css box
You can change the avatars size by changing the value of Avatar width.
Step 4: And then click the save template and then click on apply the change.
Step 1: Login to blogger dashboard then go to template and click on the edit html
Step 2: Then type the below code into the search box.
]]></b:skin>
Step 3: Use the following code in the css box
.comments .avatar-image-container{
background-color: rgb(34, 34, 34);
border:1px solid #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;
}
You can change the avatars size by changing the value of Avatar width.
Step 4: And then click the save template and then click on apply the change.
Post a Comment