{"id":15480,"date":"2025-10-09T21:32:11","date_gmt":"2025-10-09T21:32:11","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=15480"},"modified":"2026-04-22T16:11:38","modified_gmt":"2026-04-22T16:11:38","password":"","slug":"use-a-post-grid-carousel-block-as-related-posts","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/use-a-post-grid-carousel-block-as-related-posts\/","title":{"rendered":"How to Use a Post Grid\/Carousel Block as Related Posts"},"content":{"rendered":"\n<p>The Kadence Theme includes a built-in <strong>Related Posts<\/strong> feature that automatically displays posts sharing similar categories or tags. However, if you want complete design and layout control, you can recreate this functionality using the <strong>Kadence Blocks Pro Post Grid\/Carousel Block<\/strong> inside a <strong>Hooked Element<\/strong>.<\/p>\n\n\n\n<p>This method allows you to fully customize how related posts appear, using Kadence Blocks styling options, while keeping the same smart logic that the Kadence Theme uses for determining related content.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading15480_b6f95f-a6, .wp-block-kadence-advancedheading.kt-adv-heading15480_b6f95f-a6[data-kb-block=\"kb-adv-heading15480_b6f95f-a6\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading15480_b6f95f-a6 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading15480_b6f95f-a6[data-kb-block=\"kb-adv-heading15480_b6f95f-a6\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading15480_b6f95f-a6 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading15480_b6f95f-a6[data-kb-block=\"kb-adv-heading15480_b6f95f-a6\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading15480_b6f95f-a6 wp-block-kadence-advancedheading has-theme-palette-8-background-color has-background\" data-kb-block=\"kb-adv-heading15480_b6f95f-a6\">This is a premium guide that requires both Kadence Blocks Pro and Theme Kit Pro, which are <a href=\"https:\/\/kadencewp.com\/pricing\" target=\"_blank\" rel=\"noopener\">available in the Plus Plan and greater<\/a>.<\/p>\n\n\n<style>.kb-image15480_69aa7f-43 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image15480_69aa7f-43 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1459\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Finished-Result-scaled.jpg\" alt=\"Finished Result\" class=\"kb-img wp-image-15487\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Finished-Result-scaled.jpg 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Finished-Result-300x171.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Finished-Result-1024x584.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Finished-Result-768x438.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Finished-Result-1536x875.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Finished-Result-2048x1167.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Finished-Result-360x205.jpg 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading15480_c89887-10, .wp-block-kadence-advancedheading.kt-adv-heading15480_c89887-10[data-kb-block=\"kb-adv-heading15480_c89887-10\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading15480_c89887-10 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading15480_c89887-10[data-kb-block=\"kb-adv-heading15480_c89887-10\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading15480_c89887-10 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading15480_c89887-10[data-kb-block=\"kb-adv-heading15480_c89887-10\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading15480_c89887-10 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading15480_c89887-10\"><strong>Requirements:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/kadence-blocks-pro-plugin\/\">Kadence Blocks Pro<\/a> &#8211; For the Post Grid\/Carousel Block.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/kadence-theme-pro-addon\/\">Kadence Theme Kit Pro<\/a> &#8211; For Hooked Elements.<\/li>\n\n\n\n<li>A method to implement <strong>custom<\/strong> <strong>code<\/strong> <strong>snippets<\/strong>. This can be done typically with a plugin (<a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/how-to-add-a-custom-filter-or-function-with-code-snippets\/\">Learn more<\/a>) or by modifying the <code>functions.php<\/code> file in child themes.<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading15480_5fc584-46, .wp-block-kadence-advancedheading.kt-adv-heading15480_5fc584-46[data-kb-block=\"kb-adv-heading15480_5fc584-46\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading15480_5fc584-46 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading15480_5fc584-46[data-kb-block=\"kb-adv-heading15480_5fc584-46\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading15480_5fc584-46 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading15480_5fc584-46[data-kb-block=\"kb-adv-heading15480_5fc584-46\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading15480_5fc584-46 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading15480_5fc584-46\">Hiding the Default Related Posts Section<\/h2>\n\n\n\n<p>The first step is to hide the default Related Posts Section from the website. This can be done by going to the <strong>Appearance \u2192 Customize \u2192 Post\/Pages Layout \u2192 Single Post Layout<\/strong> settings. Find the setting named <strong>Show Related Posts<\/strong> and disable the toggle.<\/p>\n\n\n<style>.kb-image15480_a3981c-a9 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image15480_a3981c-a9 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1558\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Hide-Related-Posts-scaled.jpg\" alt=\"Hide Related Posts\" class=\"kb-img wp-image-15481\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Hide-Related-Posts-scaled.jpg 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Hide-Related-Posts-300x183.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Hide-Related-Posts-1024x623.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Hide-Related-Posts-768x467.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Hide-Related-Posts-1536x935.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Hide-Related-Posts-2048x1246.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Hide-Related-Posts-360x219.jpg 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<p>Now, the default Related Posts are hidden.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading15480_09835f-9e, .wp-block-kadence-advancedheading.kt-adv-heading15480_09835f-9e[data-kb-block=\"kb-adv-heading15480_09835f-9e\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading15480_09835f-9e mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading15480_09835f-9e[data-kb-block=\"kb-adv-heading15480_09835f-9e\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading15480_09835f-9e img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading15480_09835f-9e[data-kb-block=\"kb-adv-heading15480_09835f-9e\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading15480_09835f-9e wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading15480_09835f-9e\">Adding a Post Grid\/Carousel Block to a Hooked Element<\/h2>\n\n\n\n<p>To get started, you must have <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/kadence-theme-pro-addon\/\">Theme Kit Pro<\/a> along with <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/installing-kadence-elements\/\">Hooked Elements<\/a> enabled. Hooked Elements can be enabled from the <strong>Dashboard \u2192 Appearance \u2192 Kadence<\/strong> page.<\/p>\n\n\n<style>.kb-image15480_e832b3-45.kb-image-is-ratio-size, .kb-image15480_e832b3-45 .kb-image-is-ratio-size{max-width:700px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image15480_e832b3-45.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image15480_e832b3-45 .kb-image-is-ratio-size{align-self:unset;}.kb-image15480_e832b3-45 figure{max-width:700px;}.kb-image15480_e832b3-45 .image-is-svg, .kb-image15480_e832b3-45 .image-is-svg img{width:100%;}.kb-image15480_e832b3-45 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image15480_e832b3-45\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1826\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Enabled-Hooked-Elements-scaled.jpg\" alt=\"Enabled Hooked Elements\" class=\"kb-img wp-image-12715\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Enabled-Hooked-Elements-scaled.jpg 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Enabled-Hooked-Elements-300x214.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Enabled-Hooked-Elements-1024x730.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Enabled-Hooked-Elements-768x548.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Enabled-Hooked-Elements-1536x1095.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Enabled-Hooked-Elements-2048x1461.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Enabled-Hooked-Elements-360x257.jpg 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure><\/div>\n\n\n\n<p>With Hooked Elements enabled, go to the <strong>Dashboard \u2192 Appearance \u2192 Kadence \u2192 Elements<\/strong> page and create a new <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/kadence-content-section-hooked-elements\/\"><strong>Content<\/strong> <strong>Section<\/strong> <strong>Element<\/strong><\/a>.<\/p>\n\n\n<style>.kb-row-layout-id15480_eafd1d-ef > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id15480_eafd1d-ef > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id15480_eafd1d-ef > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, calc(35% - ((var(--global-kb-gap-md, 2rem) * 1 )\/2)))minmax(0, calc(65% - ((var(--global-kb-gap-md, 2rem) * 1 )\/2)));}.kb-row-layout-id15480_eafd1d-ef > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id15480_eafd1d-ef > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id15480_eafd1d-ef > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id15480_eafd1d-ef alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column15480_7187e4-2a > .kt-inside-inner-col,.kadence-column15480_7187e4-2a > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column15480_7187e4-2a > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column15480_7187e4-2a > .kt-inside-inner-col{flex-direction:column;}.kadence-column15480_7187e4-2a > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column15480_7187e4-2a > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column15480_7187e4-2a{position:relative;}@media all and (max-width: 1024px){.kadence-column15480_7187e4-2a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column15480_7187e4-2a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column15480_7187e4-2a\"><div class=\"kt-inside-inner-col\"><style>.kb-image15480_7e484b-7d .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image15480_7e484b-7d\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1610\" height=\"1184\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Add-New-Element.jpg\" alt=\"Add New Element\" class=\"kb-img wp-image-12716\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Add-New-Element.jpg 1610w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Add-New-Element-300x221.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Add-New-Element-1024x753.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Add-New-Element-768x565.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Add-New-Element-1536x1130.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Add-New-Element-360x265.jpg 360w\" sizes=\"auto, (max-width: 1610px) 100vw, 1610px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column15480_5a789a-7f > .kt-inside-inner-col,.kadence-column15480_5a789a-7f > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column15480_5a789a-7f > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column15480_5a789a-7f > .kt-inside-inner-col{flex-direction:column;}.kadence-column15480_5a789a-7f > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column15480_5a789a-7f > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column15480_5a789a-7f{position:relative;}@media all and (max-width: 1024px){.kadence-column15480_5a789a-7f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column15480_5a789a-7f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column15480_5a789a-7f\"><div class=\"kt-inside-inner-col\"><style>.kb-image15480_21801a-e7 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image15480_21801a-e7\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1491\" height=\"688\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/06\/Zight-Recording-2025-06-26-at-03.56.52-PM.gif\" alt=\"\" class=\"kb-img wp-image-13424\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p>Inside the Hooked Element, add a <strong><a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/kadence-blocks-post-grid-carousel-block\/\">Post Grid\/Carousel Block<\/a><\/strong>. You can place it inside a <strong><a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/row-layout-block\/\">Row Layout Block <\/a><\/strong>to control the background contents. You can modify the <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/kadence-blocks-post-grid-carousel-block\/#general-settings\">Post Grid\/Carousel Block Settings<\/a> to meet your styling needs.<\/p>\n\n\n\n<p>Afterward, select the Post Grid\/Carousel Block, go to the <strong>Block Settings \u2192 Advanced Tab \u2192 Advanced<\/strong>, and add a <strong>Custom<\/strong> <strong>CSS<\/strong> <strong>Class<\/strong> to the block. This will be a unique identifier, so the modifications only apply specifically to the <em>current Post Grid\/Carousel Block<\/em>.<\/p>\n\n\n<style>.kb-image15480_c9dfbd-97 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image15480_c9dfbd-97 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1394\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Custom-CSS-Class-scaled.jpg\" alt=\"Custom CSS Class\" class=\"kb-img wp-image-15483\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Custom-CSS-Class-scaled.jpg 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Custom-CSS-Class-300x163.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Custom-CSS-Class-1024x557.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Custom-CSS-Class-768x418.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Custom-CSS-Class-1536x836.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Custom-CSS-Class-2048x1115.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Custom-CSS-Class-360x196.jpg 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<p>Once finished, use the <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/showing-hiding-kadence-elements-settings\/\">Element Settings <\/a>to hook in the Post Grid\/Carousel Block accordingly. <br><\/p>\n\n\n<style>.kb-image15480_da2370-e1.kb-image-is-ratio-size, .kb-image15480_da2370-e1 .kb-image-is-ratio-size{max-width:400px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image15480_da2370-e1.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image15480_da2370-e1 .kb-image-is-ratio-size{align-self:unset;}.kb-image15480_da2370-e1 figure{max-width:400px;}.kb-image15480_da2370-e1 .image-is-svg, .kb-image15480_da2370-e1 .image-is-svg img{width:100%;}.kb-image15480_da2370-e1 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image15480_da2370-e1\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1284\" height=\"926\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/06\/Screenshot-2025-06-27-at-3.38.19\u202fPM.png\" alt=\"Kadence Element Settings Icon\" class=\"kb-img wp-image-13465\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/06\/Screenshot-2025-06-27-at-3.38.19\u202fPM.png 1284w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/06\/Screenshot-2025-06-27-at-3.38.19\u202fPM-300x216.png 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/06\/Screenshot-2025-06-27-at-3.38.19\u202fPM-1024x738.png 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/06\/Screenshot-2025-06-27-at-3.38.19\u202fPM-768x554.png 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/06\/Screenshot-2025-06-27-at-3.38.19\u202fPM-360x260.png 360w\" sizes=\"auto, (max-width: 1284px) 100vw, 1284px\" \/><\/figure><\/div>\n\n\n\n<p>There are many Theme Hooks available for the <strong>Placement<\/strong> settings. For this use case, the <strong>Before<\/strong> <strong>Comments<\/strong> hook is great for hooking where needed. However, any single post relative hook will work. <br><br>Then, expand the <strong>Display<\/strong> <strong>Settings<\/strong> tab and set the <strong>Show<\/strong> <strong>On<\/strong> setting to apply to <strong>Single<\/strong> <strong>Posts<\/strong>.<\/p>\n\n\n<style>.kb-row-layout-id15480_9e17c9-02 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id15480_9e17c9-02 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id15480_9e17c9-02 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, calc(20% - ((var(--global-kb-gap-md, 2rem) * 1 )\/2)))minmax(0, calc(80% - ((var(--global-kb-gap-md, 2rem) * 1 )\/2)));}.kb-row-layout-id15480_9e17c9-02 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id15480_9e17c9-02 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id15480_9e17c9-02 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id15480_9e17c9-02 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column15480_5f4a96-0b > .kt-inside-inner-col,.kadence-column15480_5f4a96-0b > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column15480_5f4a96-0b > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column15480_5f4a96-0b > .kt-inside-inner-col{flex-direction:column;}.kadence-column15480_5f4a96-0b > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column15480_5f4a96-0b > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column15480_5f4a96-0b{position:relative;}@media all and (max-width: 1024px){.kadence-column15480_5f4a96-0b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column15480_5f4a96-0b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column15480_5f4a96-0b\"><div class=\"kt-inside-inner-col\"><style>.kb-image15480_51825e-eb .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image15480_51825e-eb size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"556\" height=\"1398\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Placement-Settings.jpg\" alt=\"Placement Settings\" class=\"kb-img wp-image-15485\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Placement-Settings.jpg 556w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Placement-Settings-119x300.jpg 119w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Placement-Settings-407x1024.jpg 407w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Placement-Settings-204x512.jpg 204w\" sizes=\"auto, (max-width: 556px) 100vw, 556px\" \/><\/figure>\n<\/div><\/div>\n\n\n<style>.kadence-column15480_ac23b2-c8 > .kt-inside-inner-col,.kadence-column15480_ac23b2-c8 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column15480_ac23b2-c8 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column15480_ac23b2-c8 > .kt-inside-inner-col{flex-direction:column;}.kadence-column15480_ac23b2-c8 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column15480_ac23b2-c8 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column15480_ac23b2-c8{position:relative;}@media all and (max-width: 1024px){.kadence-column15480_ac23b2-c8 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column15480_ac23b2-c8 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column15480_ac23b2-c8\"><div class=\"kt-inside-inner-col\"><style>.kb-image15480_d04e23-d9 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image15480_d04e23-d9 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1520\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Hooked-Element-Result-scaled.jpg\" alt=\"Hooked Element Result\" class=\"kb-img wp-image-15486\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Hooked-Element-Result-scaled.jpg 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Hooked-Element-Result-300x178.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Hooked-Element-Result-1024x608.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Hooked-Element-Result-768x456.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Hooked-Element-Result-1536x912.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Hooked-Element-Result-2048x1216.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Hooked-Element-Result-360x214.jpg 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p>In return, the Post Grid\/Carousel will be placed accordingly. Now, the custom code snippet mentioned in the next step is needed to complete this feature.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading15480_614324-97, .wp-block-kadence-advancedheading.kt-adv-heading15480_614324-97[data-kb-block=\"kb-adv-heading15480_614324-97\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading15480_614324-97 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading15480_614324-97[data-kb-block=\"kb-adv-heading15480_614324-97\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading15480_614324-97 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading15480_614324-97[data-kb-block=\"kb-adv-heading15480_614324-97\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading15480_614324-97 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading15480_614324-97\">Modifying the Post Grid\/Carousel Query<\/h2>\n\n\n\n<p>The Post Grid\/Carousel Block offers <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/custom-queries-for-the-post-grid-carousel-block-filter\/\">a built-in filter<\/a> to customize the query results. You can use a plugin like the <a href=\"https:\/\/wordpress.org\/plugins\/code-snippets\/\" target=\"_blank\" rel=\"noreferrer noopener\">Code Snippets plugin<\/a> to modify and use the following custom code. (<a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/how-to-add-a-custom-filter-or-function-with-code-snippets\/\">Learn more<\/a>.)<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This custom code uses the same logic that the Kadence Theme Related Posts query uses. Therefore, it will successfully filter the Post Grid\/Carousel Block to use this functionality.\n<ul class=\"wp-block-list\">\n<li>Out of the box, the <strong>Kadence Related Posts<\/strong> feature automatically queries posts that share the same <strong>categories or tags<\/strong> as the current post. It uses a randomized order and excludes the current post, ensuring each visit displays a fresh mix of similar content.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>In this code, you must replace <code>YOUR-CUSTOM-CLASS<\/code> with the Custom CSS Class added to your Post Grid\/Carousel Block within the element.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_filter( 'kadence_blocks_pro_posts_grid_query_args', function( $args, $attributes ) {\n\n\t\/\/ Target a specific Post Grid\/Carousel block using a custom class\n\tif ( isset( $attributes['className'] ) &amp;&amp; strpos( $attributes['className'], 'YOUR-CUSTOM-CLASS' ) !== false ) {\n\n\t\t$post_id = get_queried_object_id();\n\t\tif ( ! $post_id ) {\n\t\t\treturn $args;\n\t\t}\n\n\t\t\/\/ Get category and tag terms for the current post\n\t\t$cats = get_the_terms( $post_id, 'category' );\n\t\t$tags = get_the_terms( $post_id, 'post_tag' );\n\n\t\t$tax_query = array( 'relation' =&gt; 'OR' );\n\n\t\tif ( $cats &amp;&amp; ! is_wp_error( $cats ) ) {\n\t\t\t$tax_query[] = array(\n\t\t\t\t'taxonomy' =&gt; 'category',\n\t\t\t\t'field'    =&gt; 'slug',\n\t\t\t\t'terms'    =&gt; wp_list_pluck( $cats, 'slug' ),\n\t\t\t);\n\t\t}\n\n\t\tif ( $tags &amp;&amp; ! is_wp_error( $tags ) ) {\n\t\t\t$tax_query[] = array(\n\t\t\t\t'taxonomy' =&gt; 'post_tag',\n\t\t\t\t'field'    =&gt; 'slug',\n\t\t\t\t'terms'    =&gt; wp_list_pluck( $tags, 'slug' ),\n\t\t\t);\n\t\t}\n\n\t\t\/\/ Apply only if at least one taxonomy has terms\n\t\tif ( count( $tax_query ) &gt; 1 ) {\n\t\t\t$args['tax_query'] = $tax_query;\n\t\t}\n\n\t\t\/\/ Exclude the current post\n\t\t$args['post__not_in'] = array( $post_id );\n\n\t\t\/\/ Match post type to the current post\n\t\t$args['post_type'] = get_post_type( $post_id );\n\n\t\t\/\/ Sort randomly like Kadence related posts\n\t\t$args['orderby'] = 'rand';\n\t}\n\n\treturn $args;\n\n}, 10, 2 );<\/code><\/pre>\n\n\n\n<p>Afterward, your Post Grid\/Carousel Block will work the same way the Related Posts feature does, grabbing relevant related posts.<\/p>\n\n\n<style>.kb-image15480_cb1635-ab .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image15480_cb1635-ab size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1459\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Finished-Result-scaled.jpg\" alt=\"Finished Result\" class=\"kb-img wp-image-15487\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Finished-Result-scaled.jpg 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Finished-Result-300x171.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Finished-Result-1024x584.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Finished-Result-768x438.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Finished-Result-1536x875.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Finished-Result-2048x1167.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/10\/Finished-Result-360x205.jpg 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading15480_646d28-e9, .wp-block-kadence-advancedheading.kt-adv-heading15480_646d28-e9[data-kb-block=\"kb-adv-heading15480_646d28-e9\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading15480_646d28-e9 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading15480_646d28-e9[data-kb-block=\"kb-adv-heading15480_646d28-e9\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading15480_646d28-e9 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading15480_646d28-e9[data-kb-block=\"kb-adv-heading15480_646d28-e9\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading15480_646d28-e9 wp-block-kadence-advancedheading has-theme-palette-8-background-color has-background\" data-kb-block=\"kb-adv-heading15480_646d28-e9\">Want more control over the Post Grid\/Carousel Block to extend this feature? Consider checking out the <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/how-to-design-a-post-grid-carousel-using-a-kadence-element\/\">How to Design a Post Grid\/Carousel using a Kadence Element document<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Kadence Theme includes a built-in Related Posts feature that automatically displays posts sharing similar categories or tags. However, if you want complete design and layout control, you can recreate this functionality using the Kadence Blocks Pro Post Grid\/Carousel Block inside a Hooked Element. This method allows you to fully customize how related posts appear,&#8230;<\/p>\n","protected":false},"author":148263,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[405],"doc_tag":[],"knowledge_base":[6],"class_list":["post-15480","docs","type-docs","status-publish","hentry","doc_category-theme-advanced","knowledge_base-kadence-theme"],"year_month":"2026-04","word_count":789,"total_views":"2766","reactions":{"happy":"1","normal":"0","sad":"0"},"author_info":{"display_name":"victormonk","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/victormonk\/"},"doc_category_info":[{"term_name":"Advanced","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/theme-advanced\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Theme","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/","term_slug":"kadence-theme"}],"knowledge_base_slug":["kadence-theme"],"taxonomy_info":{"doc_category":[{"value":405,"label":"Advanced"}],"knowledge_base":[{"value":6,"label":"Kadence Theme"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/15480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/148263"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=15480"}],"version-history":[{"count":6,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/15480\/revisions"}],"predecessor-version":[{"id":15493,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/15480\/revisions\/15493"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=15480"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=15480"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=15480"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=15480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}