[Resolved] Can’t align title with post content

[Graeme]

On non blog post pages I can’t seem to align my title with the page content – I’ve tried doing things with the container width but I just cant understand why it won’t line up.

I’ve posted example pages where it’s not aligned and pages where it is in the private information section.

I can’t work out what the difference is!!

[Ying]

Hi Graeme,

It’s because in the pages you’ve set the GB container’s inner width to 1000px, while the page’s content container width is 1200px (the setting is at customizer > layout > container).

For the posts, you are using a block element built with GB blocks, so the inner container width matches with the rest containers.

Solution 1: You can try this CSS:

.page h1.entry-title {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

Solution 2: You can create a block element – page hero for the pages as well, just like the posts.

[Graeme]

I changed the page content container and it resolved it! Thank you so much!

[Ying]

Glad to hear that 🙂

[Author]

Posts