How to Center the Blogger Header Image

Get Free SEO Tips

2017_02_26_07_21_56
Follow me

Mathias Amodu

Founder at Zealmat Limited
Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large
Follow me
Center Blogger Header Image is a fantastic way of making your blog look good most especially in this type of platform which everything you need can be code accordingly.




The blogger shrink to fit option most time does not work for some template so you need to implement some CSS code which I will be teaching you now.

Image

Step 1
First you need to log in your blogger account

Step 2
Then select your blog, then go to “Template

Step 3
click the “Customize” button on the right side.

Step 4
Proceed to “Advanced” > “Add CSS” tab and paste the code in the empty box:

#header-inner {
background-position: center !important;
width: 100% !important;
text-align: center;
}
#header-inner img {
margin: auto;
}

Image









Now if want to use a small image and you want it to become full width, add this CSS below

#header-inner {
 background-size: cover;
 width: 100% !important;
 text-align: center;
 }
 #header-inner img {
 width: 100%;
 height: 100%;
 }





Step  5
Now Press ENTER key after you paste the code snippet.

Step 6
Then click the “Apply to Blog” button and that’s all you need.

Feel free to drop a comment below thanks.

About Mathias Amodu 912 Articles
Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large

Be the first to comment

Leave a Reply

Your email address will not be published.


*


[mc4wp_form id="3153"]