Is there a way to centre blog titles and dates?

[theoofoof]

Hi

I would really like to centre my blog post titles and dates. I managed to centre the titles using the following css: 

.blog-title {text-align: centre;}

but when I tried do the same for .blog-date it didn't work. And it just looked odd with one centred and the other not.

Site is: http://www.philipglenisterfans.org.uk/

Any ideas on how to do this?

[Queso]

Hello! It sounds like you're looking for CSS changes in particular, which our Community here should be able to lend a hand with. Are you looking to keep the same theme aside from that change?

[MJCS · Accepted solution]

Hi @theoofoof,

I must admit I found this tricky too, until I realised that the blog date takes its CSS from the sites.css file instead of the main.css file:

This is what has worked for me after playing with different rules. In your blog page's SEO Settings add this to the HEADER CODE section:

<style>
.blog-header {
 text-align: center !important;
}
.blog-date {
 text-align: center !important;
}
.blog-post .blog-date {
 width: 100%;
}
.date-text{
 width: 100%;
}
.blog-comments {
 width: 100%;
}
</style>

 The result looks like this:

 

You can view it in action here: http://mjcsdemo.weebly.com/blog

Let me know how you go!

Cheers, Mark

[theoofoof]

@MJCS

Thank you so much. That worked perfectly! You're a star.

[MJCS]

Glad to hear that. Thank you.