Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

I want to change the picture above like the picture below.

  • https://imgur.com/a/euVmXK0

    I want to change the picture above like the picture below.
    I want to place this button under the picture and text.
    but i cant plz help me

  • Can you show me the page in question?

  • You are using a query loop block for it, your current structure is:

     - query loop
       -- grid
         --- container
           ---- headline h2 (title)
           ---- headline p (date)
           ---- container
               ----- image 
               ----- container 
                   ------ headline (excerpt)
                   ------ button

    Change it to:

     - query loop
       -- grid
         --- container
           ---- headline h2 (title)
           ---- headline p (date)
           ---- container
               ----- image 
               ----- container 
                   ------ headline (excerpt)
           ---- button
  • Where can I modify this code?

  • Appearance > elements > Blog/archive loop template.

  • <!– wp:generateblocks/query-loop {“uniqueId”:”27a53e09″,”inheritQuery”:true,”query”:{“post_type”:”post”,”per_page”:10}} –>
    <p> </p>
    <!– wp:generateblocks/grid {“uniqueId”:”2f44cc1d”,”columns”:1,”verticalGap”:20,”isDynamic”:true,”blockVersion”:3,”isQueryLoop”:true,”lock”:{“remove”:true}} –>

    <!– wp:generateblocks/container {“uniqueId”:”fd6fcffb”,”isGrid”:true,”isQueryLoopItem”:true,”gridId”:”2f44cc1d”,”backgroundColor”:”var(\u002d\u002dbase-3)”,”isDynamic”:true,”blockVersion”:3,”sizing”:{“width”:”100%”},”paddingTop”:”50″,”paddingRight”:”50″,”paddingBottom”:”50″,”paddingLeft”:”50″,”paddingTopMobile”:”30″,”paddingRightMobile”:”30″,”paddingBottomMobile”:”30″,”paddingLeftMobile”:”30″,”paddingSyncUnits”:true,”lock”:{“remove”:true,”move”:true}} –>

    <!– wp:generateblocks/headline {“uniqueId”:”2aa2cee5″,”blockVersion”:2,”marginBottom”:”5″,”backgroundColor”:””,”textColor”:””,”linkColor”:”var(\u002d\u002dcontrast-2)”,”linkColorHover”:”var(\u002d\u002daccent-hover)”,”useDynamicData”:true,”dynamicContentType”:”post-title”,”dynamicLinkType”:”single-post”} –>
    <h2 class=”gb-headline gb-headline-2aa2cee5 gb-headline-text”> </h2>
    <!– /wp:generateblocks/headline –>

    <!– wp:generateblocks/headline {“uniqueId”:”da411723″,”element”:”p”,”blockVersion”:2,”fontSize”:14,”useDynamicData”:true,”dynamicContentType”:”post-date”} –>
    <p class=”gb-headline gb-headline-da411723 gb-headline-text”> </p>
    <!– /wp:generateblocks/headline –>

    <!– wp:generateblocks/container {“uniqueId”:”7ff14326″,”isDynamic”:true,”blockVersion”:3,”display”:”flex”,”flexDirectionMobile”:”column”,”flexWrapTablet”:”wrap”,”columnGap”:”40px”,”rowGap”:”20px”} –>

    <!– wp:generateblocks/image {“uniqueId”:”38a00f10″,”sizeSlug”:”full”,”width”:”100%”,”useDynamicData”:true,”dynamicContentType”:”featured-image”} /–>

    <!– wp:generateblocks/container {“uniqueId”:”1100d04b”,”isDynamic”:true,”blockVersion”:3,”flexShrink”:0,”flexBasis”:”55%”,”flexBasisTablet”:”100%”} –>

    <!– wp:generateblocks/headline {“uniqueId”:”d4207768″,”element”:”div”,”blockVersion”:2,”backgroundColor”:””,”textColor”:””,”linkColor”:””,”linkColorHover”:””,”borderColor”:””,”highlightTextColor”:””,”iconColor”:””,”useDynamicData”:true,”dynamicContentType”:”post-excerpt”,”useDefaultMoreLink”:false} –>
    <div class=”gb-headline gb-headline-d4207768 gb-headline-text”> </div>
    <!– /wp:generateblocks/headline –>

    <!– wp:generateblocks/button {“uniqueId”:”60d0af85″,”hasUrl”:false,”blockVersion”:3,”display”:”inline-flex”,”fontSize”:15,”marginTop”:”40″,”paddingTop”:”15″,”paddingRight”:”20″,”paddingBottom”:”15″,”paddingLeft”:”20″,”backgroundColor”:”#50BCDF”,”backgroundColorHover”:”var(\u002d\u002daccent-hover)”,”textColor”:”#ffffff”,”textColorHover”:”#ffffff”,”useDynamicData”:true,”dynamicLinkType”:”single-post”} –>
    <p><span class=”gb-button gb-button-60d0af85 gb-button-text”>자세히 보기</span></p>
    <!– /wp:generateblocks/button –><!– /wp:generateblocks/container –><!– /wp:generateblocks/container –><!– /wp:generateblocks/container –><!– /wp:generateblocks/grid –>

    <!– wp:generateblocks/container {“uniqueId”:”4dc632a1″,”isDynamic”:true,”blockVersion”:3,”variantRole”:”button-container”,”display”:”flex”,”marginTop”:”20″,”isPagination”:true} –>

    <!– wp:generateblocks/button {“uniqueId”:”f2c46de0″,”hasUrl”:false,”blockVersion”:3,”display”:”inline-flex”,”alignItems”:”center”,”paddingTop”:”15″,”paddingRight”:”20″,”paddingBottom”:”15″,”paddingLeft”:”20″,”textColor”:”var(\u002d\u002dcontrast)”,”textColorHover”:”var(\u002d\u002dcontrast-2)”,”hasIcon”:true,”useDynamicData”:true,”isPagination”:true,”dynamicLinkType”:”pagination-prev”,”dynamicLinkRemoveIfEmpty”:true} –>
    <p><span class=”gb-button gb-button-f2c46de0″><span class=”gb-button-text”>Previous</span></span></p>
    <!– /wp:generateblocks/button –>

    <!– wp:generateblocks/button {“uniqueId”:”8a92b969″,”hasUrl”:false,”blockVersion”:3,”display”:”inline-flex”,”paddingTop”:”15″,”paddingRight”:”20″,”paddingBottom”:”15″,”paddingLeft”:”20″,”textColor”:”var(\u002d\u002dcontrast)”,”textColorHover”:”var(\u002d\u002dcontrast-2)”,”textColorCurrent”:”var(\u002d\u002dcontrast-2)”,”useDynamicData”:true,”isPagination”:true,”dynamicContentType”:”pagination-numbers”} –>
    <p><span class=”gb-button gb-button-8a92b969 gb-button-text”>1 2 … 10</span></p>
    <!– /wp:generateblocks/button –>

    <!– wp:generateblocks/button {“uniqueId”:”0da14d3f”,”hasUrl”:false,”blockVersion”:3,”display”:”inline-flex”,”alignItems”:”center”,”paddingTop”:”15″,”paddingRight”:”20″,”paddingBottom”:”15″,”paddingLeft”:”20″,”textColor”:”var(\u002d\u002dcontrast)”,”textColorHover”:”var(\u002d\u002dcontrast-2)”,”hasIcon”:true,”iconLocation”:”right”,”iconPaddingRight”:””,”iconPaddingLeft”:”0.5″,”useDynamicData”:true,”isPagination”:true,”dynamicLinkType”:”pagination-next”,”dynamicLinkRemoveIfEmpty”:true} –>
    <p><span class=”gb-button gb-button-0da14d3f”><span class=”gb-button-text”>Next</span></span></p>
    <!– /wp:generateblocks/button –><!– /wp:generateblocks/container –><!– /wp:generateblocks/query-loop –>

    The code I can see is this. I’ve been trying to fix this code for a while.

  • You are seeing code in the editor not blocks?

    Do you have classic editor plugin enabled? if so, disable it.

  • It’s been resolved, thank you so much.

  • You are welcome   🙂

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