[Support request] How can i make this layout?

Home Forums Support [Support request] How can i make this layout?

Home Forums Support How can i make this layout?

Viewing 15 posts - 1 through 15 (of 36 total)
  • Author
    Posts
  • #2249193
    eran

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

    #2249223
    David
    Staff
    Customer Support

    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.

    #2249224
    David
    Staff
    Customer Support

    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.

    #2249258
    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?

    #2249506
    Ying
    Staff
    Customer Support

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

    #2249509
    eran

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

    #2249559
    Ying
    Staff
    Customer Support

    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

    #2249658
    eran

    But in the beta version can be some errors right?

    #2250030
    David
    Staff
    Customer Support

    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;
    } 
    #2250321
    eran

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

    #2250568
    Leo
    Staff
    Customer Support
    #2251151
    eran

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

    #2251278
    Ying
    Staff
    Customer Support

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

    #2251295
    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)

    #2251298
    Ying
    Staff
    Customer Support

    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.

Viewing 15 posts - 1 through 15 (of 36 total)
  • You must be logged in to reply to this topic.