We have learned how to center align page list in my earlier tutorial. Now let us learn how to center align blog title and blog description statement to center.
You must have observed that they are being placed at the left-hand side. This is by default. We can reposition them to right or center. But if you love them being displayed at left-hand side, you don't have to follow the given steps:
Login to your blog>Click on Template>Click on Customize>Click on Advanced>Scroll down and click on Add CSS>Copy the given CSS>Paste it in Add Custom CSS blank white area.
Login to your blog>Click on Template>Click on Customize>Click on Advanced>Scroll down and click on Add CSS>Copy the given CSS>Paste it in Add Custom CSS blank white area.
#header-inner {text-align:center !important;}
The moment you have add above CSS, your blog title and description statement should move to center. If they do so, you have got it right. If you want them at right-hand side, change center into right in above CSS. Once they appear where you wanted them to be displayed, you can click on Apply to Blog. You are done. Cheers!
Thank you so very much for the help i am so grateful
ReplyDeletenow the next thing i want you to help me do is how to align the header banner or image to center is there a code for that?
please help
thank you
Thank you Adym for your visit. If you want to centre align your header image (which we call as header banner), follow the same step and add the given CSS:
ReplyDelete#header-inner {
background-size: cover;
width: 100% !important;
text-align: center;
}
#header-inner img {
width: 100%;
height: 100%;
}
Hope this works. Cheers!