Quick Tip: Move Date Above Blog Post Title
April 22, 2020
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:
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
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