-
KIMEUNKI
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
-
KIMEUNKI
Where can I modify this code?
-
Appearance > elements > Blog/archive loop template.
-
KIMEUNKI
<!– 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.
-
KIMEUNKI
It’s been resolved, thank you so much.
-
You are welcome 🙂
- You must be logged in to reply to this topic.