07 June 2014

Remove Space Between Date and Title

Hello, hello bloggers! Welcome back to another blog tutorial from yours truly! If you're like me where you design your own blog, I know the HUGE space between the date and blogger post title can actually be so annoying and kinda ugly.  Well, you're in luck! Today's tutorial is going to show you how to reduce that space to your liking. This tutorial doesn't require any knowledge of HTML coding, it is as simple as copying and pasting a code I provide you! You will immediately see a reduction in space between blogger date and blogger title. If you want to change the space, by either adding more space, or reducing more, simply change the number in the code to your preference!

Ready? Let's begin!

Right now, your blog post pretty much look like this:


STEP 1:
On your blogger home page, go to TEMPLATE and select CUSTOMIZE.
 From here you want to select ADVANCED and scroll down to find ADD CSS.

STEP 2:
Copy and paste the following code into your CSS:
h3.post-title { 
margin-top: -20px !important; 
}
Then press enter.

You will immediately see a reduction in space between blogger date and blogger title. If you want to change the space, by either adding more space, or reducing more, simply change the number in the code to your preference!

If this tutorial helped you, please leave your comments below! If you have anything you would like me to create a tutorial for, let me know as well!

For more of my blog tutorials, click HERE!
post signature

No comments:

Post a Comment