Blog as Personal Archive
Add Meta Keywords and a Description to Your Post

Quick Tip: Move Date Above Blog Post Title

Quick Tip_

Today we're here to bring you a quick CSS trick in customizing your blog's design.  In order to take advantage of the Custom CSS feature, you need to have an Unlimited plan or higher.  

By default, the post date appears under the blog post title: 

Screen Shot 2020-04-19 at 10.28.08 AM

Some bloggers prefer the date to appear above the post title.  This can be achieved by inserting the following CSS code at Design > Custom CSS: 

.post { position: relative; }
.date-header.font-dateheader {
position: absolute;
top: 0;
}
.individual-post h5.date-header, .post h5.date-header {
margin: -19px 0 10px;
margin-bottom: 10px;
}

After saving your changes, the date will appear on top

Post Date On Top Of Title

You may need to adjust the measurement for the bottom spacing (in this example, it is set to -19px). 

What ways do you use Custom CSS to customize your blog's appearance? Let us know in the comments!

Comments

The comments to this entry are closed.