How to Align Blogger Header Logo to center

Blogger header logo design

Before I uploaded the above logo to this BLOG, I was using the normal blog title which I aligned to the center of my Header. But as I uploaded this logo, I expected it to automatically align to the center, but it didn’t. So I did a little research and got the simple solution.

FOLLOW THESE STEPS;

  •  Sign In to your Blogger Dashboard
  •  Click on Template
  •  Click on the ‘Customise‘ Button. 
  • You would be taken to the customization page
  •  then click on Advanced >>> CSS 
  •  Copy the code below and paste it there.

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

 Be sure to click the Apply to Blog button which is the save changes button. 

That’s all. 

Was this Post helpful?  Please let’s know through the comment box.

Speak Your Mind

*

%d bloggers like this: