How to Align on Your Blogger Header Image View
Hello!
Dear friends my name is ARYA KHAN today I am going to show you! how to align blogger page list/menu. with a CSS code.
We all want to add a personal choice to our blogs and adding a personal logo into Header area is the way to go. Blogger by default aligns images uploaded to Header image left. We want align it center will give a more professional beautiful look to your blog and it’s actually very easy to achieve.
Alright, so we are going to use a CSS adjustments code to center our Header image. All you have to do is head on over to your Template/Theme page, click the Customize link, and scroll down to where it says Advanced in the top left hand menu/CSS.
Align Left Code:
#header-inner {
background-position: left !important;
width: 100% !important;
}
.titlewrapper, .descriptionwrapper {
float: left;
clear: both;
margin-left: 20px;
}
Align Right Code:
#header-inner {
background-position: right !important;
width: 100% !important;
}
.titlewrapper, .descriptionwrapper {
float: left;
clear: both;
margin-left: 20px;
}
Align Center Code:
#header-inner {
background-size: cover;
width: 100% !important;
text-align: center;
}
#header-inner img {
width: 100%;
height: 100%;
}
And that’s all! Of course, don’t forget to save your changes. Thank You!
