How to center your blog header image in blogger - Helpforbloggerz

Helping new bloggers find solution to their blog, series of tutorials To Help new bloggers. bloggers tricks, bloggers tips.

Friday, 1 September 2017

How to center your blog header image in blogger



At times we often face some difficulty in some area of (blogging) to be specific.
Whenever we face a tough time in blogging, what we are in need of is a 'quick fix ' to that specific problem that seems to be facing us.



Now if you've got the problem of adjusting or to center your blog header image in blogger, I would give you a quick solution to that in a jiffy.

Some tutorials will tell you to go and edit your blog template but that's often critical as you might mistakenly delete something else why trying to input the given code. But I've look for a more secure way to do this without any error thereafter.

To center your header image in blogger follow these steps below


ADD THE BELOW CODE TO YOUR BLOG CSS


          

#header-inner {text-align:center !important;} #header-inner img {margin: 0 auto !important;}


1.from your blogger dashboard click >> THEMES <<


2.now click >> CUSTOMISE << where you have your blog demo preview


3.click on >> ADVANCE << and navigate to CSS usually at the bottom of the pop-up selection



After clicking on CSS an empty box will appear in which you'll put the code below, and After that


       .Header h1, .Header .description{
text-align:center;
}




Apply it to your blog. and return to blogger



THATS DONE!

No comments:

Post a Comment