Blogger Tricks || How to Center Post Title, Date, and Widgets

In this blogger tips and tricks post, we'll be showing you how to center three different things on your blog: your post title, your dates, and your widget titles. Feel free to use one, two, or all three!

How to Center Your Post Title

1. Go to your blogger Dashboard. Click on the "Template" button on the left side of the screen. 

2. Under the "Live on Blog" image, click the orange "Customize" button. 

3. Something like this should appear:

4. Click on "Advanced" on the bottom left.  Scroll all the way down until you see "Add CSS". Click on that. It should look something like this:

 5. Now paste the following code into that area that says "Add CSS here to override existing styles...":

.post-title {
text-align:center;
}


 6. Click the large orange "Apply to Blog" button in the top left corner, and check it out!

 How to Center the Date

1. Follow steps 1 - 4 from above. Press your cursor after the last line any codes in there, to create a NEW LINE. This step is VERY IMPORTANT. 

2. Now, on your new line, paste this code:

.date-header {
text-align:center;

}

 3. Click the large orange "Apply to Blog" button in the top left corner, and check it out!

 How to Center Widget Titles

1. 1. Follow steps 1 - 4 from above. Press your cursor after the last line any codes in there, to create a NEW LINE. This step is VERY IMPORTANT!

2. On your new line, paste this code:

.widget {

  text-align: center;

}

3. Click the large orange "Apply to Blog" button in the top left corner, and check it out!





So there you have it! Feel free to comment or e-mail if you need help or have any questions!

birdsofafeather32(at)gmail(dot)com