[Support request] How can i make this layout?

[eran]

Hi,
How can i make my blog layout like this?
https://mypoolcue.com/guides/

[David]

Hi there,

1. you can set the Columns in Customizer > Layout > Blog.

1. you can then create a Block Element – Content Template to design your post card:

https://docs.generatepress.com/article/block-element-content-template/

There are several templates built in that you can choose from, some of which are similar to that layout.

[David]

Hi there,

1. you can set the Columns in Customizer > Layout > Blog.

1. you can then create a Block Element – Content Template to design your post card:

https://docs.generatepress.com/article/block-element-content-template/

There are several templates built in that you can choose from, some of which are similar to that layout.

[eran]

Thanks.
I still cant achieve the same result.
how can i make the cards same height and more wider?
and the featured image same sizes?

[Ying]

Can you show us what you’ve achieved so we can provide more specific advice?

[eran]

https://masterstreamer.com/blog/
This is what i achieved so far

[Ying]

how can i make the cards same height and more wider?

There are 3 columns set for the blog, so each card’s width will be 33.3% of the content container. You can either reduce the columns number to 2, or increase the content container width at customizer > layout > container.

and the featured image same sizes?

I would recommend using the imageblock of GenerateBlocks 1.5, you can define its width and height like this:
https://www.screencast.com/t/rqioTCyikL3

[eran]

But in the beta version can be some errors right?

[David]

All plugins can have errors 🙂
We’re literally in the last stages of Release Candidate. Which means a code freeze so not further changes will be made. And we aim to release the final version on the 20th June.

You don’t have to use the plugin, you can use some CSS:

1. Add this CSS to set an aspect ratio for the image:

.generate-columns .dynamic-featured-image {
    aspect-ratio: 16 /9;
    object-fit: cover;
}

2. Add this CSS to make the posts the same height and align the footer meta:

.generate-columns.dynamic-content-template > .gb-container,
.generate-columns.dynamic-content-template > .gb-container > .gb-inside-container {
    height: 100%;
}
.generate-columns.dynamic-content-template > .gb-container > .gb-inside-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.generate-columns.dynamic-content-template > .gb-container > .gb-inside-container > .gb-container:last-of-type {
    margin-top: auto;
} 

[eran]

to use the plugin i need to download the beta version and upload it to plugins?

[Leo]

Yes 🙂

[eran]

I installed the beta version but i dont see the image block + query loops block.

[Ying]

Can you try searching GenerateBlocks in your page editor like this?
https://www.screencast.com/t/a5YZQi6ozwuV

[eran]

I just did and I don’t have it.
I have buttons, grid, container and healines.
and My pattern library is black instead of blue color (like yours)

[Ying]

That’s weird, can you provide admin access to your site so we can take a look at the bacend?

Please use the private info field for info like credentials.

[Author]

Posts