[Support request] Blog post layout

[Karol Öman]

Hey how can I make a similair blog post layout like the one in the private code area. With the logo a custom text saying the bonus and a button to that site?

[Ying]

Hi there,

Do you mean the black background hero section?

You can create a block element – page hero, in the block element, use the Grid block of GenerateBlocks plugin to have 2 columns of content.

You can use the dynamic data feature of the Headline block and Image block to pull the data stored in the posts custom fields dynamically.

[Karol Öman]

Hey, what about the button? Each blog post needs to link to a different page.

[Ying]

GB’s button block can also pull dynamic data: https://docs.generateblocks.com/article/button-overview/

[Karol Öman]

Hey, so how can I make 1 container to 100% width and the rest to 1000px?

[David]

Hi there,

you would:

1. make a Full width page by setting the Content Container to Full Width:

https://docs.generatepress.com/article/content-container/

2. Now add a Container Block to the page, by default it will be full width.
Give it some Spacing > Padding.

3. If you want a 1000px wide container then.

Add a Container Block to the page and from the Toolbar choose the Add Inner Container option:

https://docs.generateblocks.com/article/add-inner-container/

With the inner container selected, Give it some Spacing > Padding. And in Sizing set its max-width.

Note the max-width can use the Global setting set in Dashboard > GenerateBlocks > Settings.

[Karol Öman]

Hey, I did as you mentioned it still didn’t go 100% width the container with green background and the white spacing above the green container should also be removed like on my first page. In my editor the green is 100% width but not on the page.

[Fernando]

Hi Karol,

So we can take a look at why it isn’t working, can you share admin login credentials?

Please use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

[Karol Öman]

Hey added

[Fernando]

You have a Content Template – “Blog Post Template Design” which is causing the issue.

Try setting it to draft or make sure you don’t set it to display on the page in question.

[Karol Öman]

Hey, yes it worked but then a second image and title appear at the top…

[Fernando]

You can create a Layout Element for that page, and disable the Content Title and Featured image for that page: https://docs.generatepress.com/article/layout-element-overview/#disable-element

[Karol Öman]

Hey, almost now how can I remove the author?

[Fernando]

Would it be just for the page in question or all posts?

One way would be to create a Block Element – Page Hero and disable those from there: https://docs.generatepress.com/article/block-element-page-hero/#disable-featured-image

You can leave the content of the Page Hero empty.

[Karol Öman]

Hey, I only want to display the date on specific posts.

[Author]

Posts