Post Date cannot be centered

Hey there Suheiry,

You could center the post date by adding some custom CSS. Since there is a custom CSS tab in the theme you can add this code there. It is located in Appearance >> Customize >> Themify Options >> Custom CSS.

.post-date {
display: block;
width: 90px;
margin-left: auto;
margin-right: auto;
}

This should center the post date. Hope this helps ??

Best regards,
Bojan

Hello.

Thank you for the code. It does center the date, but it pushes the year to the second line. How can I resolve that?

Hey there Suheiry,

Could you please post link to your page where you want this to be centered.

Best regards,
Bojan

I’d like the date centered on every post in the blog.

Example: https://www.suheiry.com/2014/12/25/merry-christmas/

Hey Suheiry,

I checked the link you provided and the the category pages, date is centered there and the year is not being pushed to the second line https://screencast.com/t/Ql52pb2Na.

What am I missing?

Best regards,
Bojan

I used a different date format so that it would fit. Otherwise it pushes part of the date to the next line.

Hey there Suheiry,

Try replacing the code I gave you with this one:

.post-date {
display: block;
width: 110px;
margin-left: auto;
margin-right: auto;
}

If this doesn’t work please select the date format you wish to use so I can provide with the correct CSS.

Happy new year!

Best regards,
Bojan

Hi,

I just had the same problem, pushing the “align: center”-button over and over again. The answer in this topic was very helpful!

HOWEVER,
is’nt this just a way to avoid the problem? There is a button to push if you want your date to be in the centre of the page. Then why does nothing happend when pushing it? What is blocking the code?

Hey there hape0007,

Glad code worked for you ??

As for why nothing happens when you’re trying to center it I’ll leave this for theme developers so we’ll have to wait for their response on this one.

Best regards,
Bojan