How to Change Width & Height of Author Profile Picture in Notable Template

Blogger's Template Designer allows you to customize your blog's appearance through the use of Cascading Style Sheet (CSS) or editing the html codes of your templates. You can customize your blog's appearance almost any aspect of according to you. You can change the font style, font color, widget and many thing. If you have a little bit knowledge of html you can do lots more with your blog. You can change font style, font color, font shadow, font description, blog title, post title, adjust width, remove blank space etc. In this post I am going to show you how to change width & height of author's profile picture.
Read also :


How to Fix 404 Error
How to remove blank space of blogger featured post section
How to change background colour of blogger individual post

Steps to change width & height of author profile picture

Step 1. At first switch to blogger template.
Step 2. Click Theme and click Edit HTML.
Step 3. Click anywhere inside the code.
Step 4. Press Ctrl + F on the keyboard to get search box.
Step 5. Now type .post-author-profile-pic-container or body.item-view .Blog .post-header-container .post-author-profile-pic-container  in that search box and press Enter on the keyboard to switch the below code

body.item-view .Blog .post-header-container .post-author-profile-pic-container{
background-color:$(item.title.background.color);
border-top:1px solid $(item.title.background.color);
float:$startSide;
height:84px;
margin-$endSide:24px;
margin-$startSide:-140px;
padding-$startSide:140px
}

Read also :

How to change width & height of author profile picture
How to setup google pay application
How to control Google account activity

Now you just need to change the value 84 of height:84px to 50 or the desired value in the above code and then click Save Theme. Once the theme is saved, the width & height of author's profile picture will be changed.

Watch this video

That's it! If you use blogger notable template then try this tips to your blog and share your experience through comment box.
How to Change Width & Height of Author Profile Picture in Notable Template How to Change Width & Height of Author Profile Picture in Notable Template Reviewed by Mani on November 28, 2018 Rating: 5

No comments:

Powered by Blogger.