[Resolved] How to center H1 in post?

[Oliver]

Hi!

I am using GP version 2.1.3.

I recently installed the page builder Thrive Architect and created my first post with it. Actually I redesigned an old post and I am going to redesign all my other older posts as well.

Anyway, my post has a content layout without sidebar. For my content I used a content box from Thrive Architect and centered it. The width of the layout is 792 pixel.

Here is the problem: The title which is generated by GP is not center aligend and it looks not cool on desktop. If I hide the H1 title and insert a custom H1 from Thrive Architect than there will be two H1 shown on the blog page.

So my question is: How can I center the H1 title?

I have added the link to the page so that you can take a look.

Best,
Oliver

[David]

Hi Oliver,

you can add this CSS:

.entry-title {
	text-align: center;
}

[Oliver]

Wow, that was a quick reply!

Thanks David! It works. 🙂

Best,
Oliver

[David]

I am in a hurry lol
You’re welcome

[James]

Hi, in addition to this (which was great, thank you) how do you then center the date and author?

Many thanks,
James

[Leo]

You could try just this:

.entry-header {
    text-align: center;
}

[James]

That’s great!

Thanks Leo

[Leo]

No problem 🙂

[Author]

Posts