Archived topic
Blog post layout
17 replies · Started by Karol Öman on March 28, 2023
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?
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.
Hey, what about the button? Each blog post needs to link to a different page.
GB's button block can also pull dynamic data: https://docs.generateblocks.com/article/button-overview/
Hey, so how can I make 1 container to 100% width and the rest to 1000px?
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.
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.
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
Hey added
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.
Hey, yes it worked but then a second image and title appear at the top...
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
Hey, almost now how can I remove the author?
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.
Hey, I only want to display the date on specific posts.