{"id":6903,"date":"2023-06-21T20:06:14","date_gmt":"2023-06-21T20:06:14","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=6903"},"modified":"2026-04-22T14:43:37","modified_gmt":"2026-04-22T14:43:37","password":"","slug":"post-grid-carousel-using-kadence-element","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/post-grid-carousel-using-kadence-element\/","title":{"rendered":"How to Design a Post Grid\/Carousel using a Kadence Element"},"content":{"rendered":"\n<p>The <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/kadence-blocks-post-grid-carousel-block\/\">Post Grid\/Carousel<\/a> block is a feature of Kadence Blocks Pro. This block showcases a grid or carousel of posts. Although it has settings to adjust the style, you might want to add dynamic content such as custom fields, more images to the grid, or modify the layout beyond the preset options. In such a scenario, you can rely on Kadence elements, a pro feature of the Kadence theme plugin, to substitute a post grid\/carousel block or add information using its diverse hooks.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading6903_310f58-d9, .wp-block-kadence-advancedheading.kt-adv-heading6903_310f58-d9[data-kb-block=\"kb-adv-heading6903_310f58-d9\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading6903_310f58-d9 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading6903_310f58-d9[data-kb-block=\"kb-adv-heading6903_310f58-d9\"] 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-heading6903_310f58-d9 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading6903_310f58-d9[data-kb-block=\"kb-adv-heading6903_310f58-d9\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading6903_310f58-d9 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading6903_310f58-d9\">Post Grid\/Carousel Hooks<\/h2>\n\n\n\n<p>The Post Grid\/Carousel block has several hooks. Advanced users can take this list of hooks and start inserting content using a Kadence element right away.<\/p>\n\n\n<style>.wp-block-kadence-iconlist.kt-svg-icon-list-items6903_efff0e-f1:not(.this-stops-third-party-issues){margin-top:0px;margin-bottom:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items6903_efff0e-f1 ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc){margin-top:0px;margin-right:0px;margin-bottom:var(--global-kb-spacing-sm, 1.5rem);margin-left:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items6903_efff0e-f1 ul.kt-svg-icon-list{grid-row-gap:5px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items6903_efff0e-f1 ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin-right:10px;}.kt-svg-icon-list-items6903_efff0e-f1 ul.kt-svg-icon-list .kt-svg-icon-list-level-0 .kt-svg-icon-list-single svg{font-size:20px;}<\/style>\n<div class=\"wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items6903_efff0e-f1 kt-svg-icon-list-columns-1 alignnone\"><ul class=\"kt-svg-icon-list\"><style>.kt-svg-icon-list-item-6903_ef1add-f3 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;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;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-6903_ef1add-f3\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kadence-theme kt-svg-icon-list-single\"><svg viewBox=\"0 0 1024 1024\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M670.4 763.456h-142.592c-15.424 0-27.968-12.544-27.968-27.968s12.544-27.968 27.968-27.968h93.184c14.528-1.024 25.984-13.12 25.984-27.904 0-15.424-12.48-27.968-27.968-27.968h-145.728c-15.424 0-27.968-12.544-27.968-27.968s12.544-27.904 27.968-27.904h17.6l-0.064-0.064h26.176c15.424 0 27.904-12.48 27.904-27.904s-12.48-27.904-27.904-27.904l-203.776-0.064c-15.424 0-27.904-12.48-27.904-27.904s12.48-27.904 27.904-27.904l192-0.128c15.424 0 27.904-12.48 27.904-27.84 0-15.424-12.48-27.904-27.904-27.904h-69.696c-15.424 0-27.904-12.544-27.904-27.968s12.48-27.904 27.904-27.904h132.48c0.64 0 1.344 0 1.984 0.064h47.36c15.424 0 27.968-12.544 27.968-27.968 0-15.488-12.544-27.968-27.968-27.968h-69.632c-14.464-1.088-25.92-13.184-25.92-27.904 0-15.488 12.544-28.032 27.968-28.032h109.632c0.128 0 0.256 0 0.384 0.064h129.28l-226.496 247.36 273.984 255.616-165.44-0.064c-0.192 0-0.448 0-0.704 0zM402.048 707.52c15.36 0 27.84 12.48 27.84 27.84 0 15.424-12.48 27.904-27.84 27.904h-102.336c-15.36 0-27.84-12.48-27.84-27.904 0-15.36 12.48-27.84 27.84-27.84h102.336zM361.536 595.776c15.424 0 27.968 12.544 27.968 27.968s-12.544 27.904-27.968 27.904c-15.424 0-27.968-12.48-27.968-27.904s12.544-27.968 27.968-27.968zM215.424 484.032c15.424 0 27.968 12.48 27.968 27.968 0 15.424-12.544 27.904-27.968 27.904s-27.968-12.48-27.968-27.904c0-15.488 12.544-27.968 27.968-27.968zM323.776 372.288c15.424 0 27.968 12.48 27.968 27.904 0 15.488-12.544 27.968-27.968 27.968s-27.968-12.48-27.968-27.968c0-15.424 12.544-27.904 27.968-27.904zM424.064 260.48c15.36 0 27.84 12.544 27.84 27.904s-12.48 27.904-27.84 27.904h-64.64c-15.424 0-27.904-12.544-27.904-27.904s12.48-27.904 27.904-27.904h64.64z\"\/><path d=\"M512 16c-273.728 0-496 222.272-496 496s222.272 496 496 496c273.728 0 496-222.272 496-496s-222.272-496-496-496zM512 57.728c250.752 0 454.272 203.52 454.272 454.272s-203.52 454.272-454.272 454.272c-250.752 0-454.272-203.52-454.272-454.272s203.52-454.272 454.272-454.272z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">kadence_blocks_post_loop_start<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-6903_15d5ff-0b .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;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;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-6903_15d5ff-0b\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kadence-theme kt-svg-icon-list-single\"><svg viewBox=\"0 0 1024 1024\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M670.4 763.456h-142.592c-15.424 0-27.968-12.544-27.968-27.968s12.544-27.968 27.968-27.968h93.184c14.528-1.024 25.984-13.12 25.984-27.904 0-15.424-12.48-27.968-27.968-27.968h-145.728c-15.424 0-27.968-12.544-27.968-27.968s12.544-27.904 27.968-27.904h17.6l-0.064-0.064h26.176c15.424 0 27.904-12.48 27.904-27.904s-12.48-27.904-27.904-27.904l-203.776-0.064c-15.424 0-27.904-12.48-27.904-27.904s12.48-27.904 27.904-27.904l192-0.128c15.424 0 27.904-12.48 27.904-27.84 0-15.424-12.48-27.904-27.904-27.904h-69.696c-15.424 0-27.904-12.544-27.904-27.968s12.48-27.904 27.904-27.904h132.48c0.64 0 1.344 0 1.984 0.064h47.36c15.424 0 27.968-12.544 27.968-27.968 0-15.488-12.544-27.968-27.968-27.968h-69.632c-14.464-1.088-25.92-13.184-25.92-27.904 0-15.488 12.544-28.032 27.968-28.032h109.632c0.128 0 0.256 0 0.384 0.064h129.28l-226.496 247.36 273.984 255.616-165.44-0.064c-0.192 0-0.448 0-0.704 0zM402.048 707.52c15.36 0 27.84 12.48 27.84 27.84 0 15.424-12.48 27.904-27.84 27.904h-102.336c-15.36 0-27.84-12.48-27.84-27.904 0-15.36 12.48-27.84 27.84-27.84h102.336zM361.536 595.776c15.424 0 27.968 12.544 27.968 27.968s-12.544 27.904-27.968 27.904c-15.424 0-27.968-12.48-27.968-27.904s12.544-27.968 27.968-27.968zM215.424 484.032c15.424 0 27.968 12.48 27.968 27.968 0 15.424-12.544 27.904-27.968 27.904s-27.968-12.48-27.968-27.904c0-15.488 12.544-27.968 27.968-27.968zM323.776 372.288c15.424 0 27.968 12.48 27.968 27.904 0 15.488-12.544 27.968-27.968 27.968s-27.968-12.48-27.968-27.968c0-15.424 12.544-27.904 27.968-27.904zM424.064 260.48c15.36 0 27.84 12.544 27.84 27.904s-12.48 27.904-27.84 27.904h-64.64c-15.424 0-27.904-12.544-27.904-27.904s12.48-27.904 27.904-27.904h64.64z\"\/><path d=\"M512 16c-273.728 0-496 222.272-496 496s222.272 496 496 496c273.728 0 496-222.272 496-496s-222.272-496-496-496zM512 57.728c250.752 0 454.272 203.52 454.272 454.272s-203.52 454.272-454.272 454.272c-250.752 0-454.272-203.52-454.272-454.272s203.52-454.272 454.272-454.272z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">kadence_blocks_post_loop_header<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-6903_c6a485-69 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;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;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-6903_c6a485-69\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kadence-theme kt-svg-icon-list-single\"><svg viewBox=\"0 0 1024 1024\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M670.4 763.456h-142.592c-15.424 0-27.968-12.544-27.968-27.968s12.544-27.968 27.968-27.968h93.184c14.528-1.024 25.984-13.12 25.984-27.904 0-15.424-12.48-27.968-27.968-27.968h-145.728c-15.424 0-27.968-12.544-27.968-27.968s12.544-27.904 27.968-27.904h17.6l-0.064-0.064h26.176c15.424 0 27.904-12.48 27.904-27.904s-12.48-27.904-27.904-27.904l-203.776-0.064c-15.424 0-27.904-12.48-27.904-27.904s12.48-27.904 27.904-27.904l192-0.128c15.424 0 27.904-12.48 27.904-27.84 0-15.424-12.48-27.904-27.904-27.904h-69.696c-15.424 0-27.904-12.544-27.904-27.968s12.48-27.904 27.904-27.904h132.48c0.64 0 1.344 0 1.984 0.064h47.36c15.424 0 27.968-12.544 27.968-27.968 0-15.488-12.544-27.968-27.968-27.968h-69.632c-14.464-1.088-25.92-13.184-25.92-27.904 0-15.488 12.544-28.032 27.968-28.032h109.632c0.128 0 0.256 0 0.384 0.064h129.28l-226.496 247.36 273.984 255.616-165.44-0.064c-0.192 0-0.448 0-0.704 0zM402.048 707.52c15.36 0 27.84 12.48 27.84 27.84 0 15.424-12.48 27.904-27.84 27.904h-102.336c-15.36 0-27.84-12.48-27.84-27.904 0-15.36 12.48-27.84 27.84-27.84h102.336zM361.536 595.776c15.424 0 27.968 12.544 27.968 27.968s-12.544 27.904-27.968 27.904c-15.424 0-27.968-12.48-27.968-27.904s12.544-27.968 27.968-27.968zM215.424 484.032c15.424 0 27.968 12.48 27.968 27.968 0 15.424-12.544 27.904-27.968 27.904s-27.968-12.48-27.968-27.904c0-15.488 12.544-27.968 27.968-27.968zM323.776 372.288c15.424 0 27.968 12.48 27.968 27.904 0 15.488-12.544 27.968-27.968 27.968s-27.968-12.48-27.968-27.968c0-15.424 12.544-27.904 27.968-27.904zM424.064 260.48c15.36 0 27.84 12.544 27.84 27.904s-12.48 27.904-27.84 27.904h-64.64c-15.424 0-27.904-12.544-27.904-27.904s12.48-27.904 27.904-27.904h64.64z\"\/><path d=\"M512 16c-273.728 0-496 222.272-496 496s222.272 496 496 496c273.728 0 496-222.272 496-496s-222.272-496-496-496zM512 57.728c250.752 0 454.272 203.52 454.272 454.272s-203.52 454.272-454.272 454.272c-250.752 0-454.272-203.52-454.272-454.272s203.52-454.272 454.272-454.272z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">kadence_blocks_post_loop_header_meta<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-6903_a108db-fc .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;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;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-6903_a108db-fc\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kadence-theme kt-svg-icon-list-single\"><svg viewBox=\"0 0 1024 1024\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M670.4 763.456h-142.592c-15.424 0-27.968-12.544-27.968-27.968s12.544-27.968 27.968-27.968h93.184c14.528-1.024 25.984-13.12 25.984-27.904 0-15.424-12.48-27.968-27.968-27.968h-145.728c-15.424 0-27.968-12.544-27.968-27.968s12.544-27.904 27.968-27.904h17.6l-0.064-0.064h26.176c15.424 0 27.904-12.48 27.904-27.904s-12.48-27.904-27.904-27.904l-203.776-0.064c-15.424 0-27.904-12.48-27.904-27.904s12.48-27.904 27.904-27.904l192-0.128c15.424 0 27.904-12.48 27.904-27.84 0-15.424-12.48-27.904-27.904-27.904h-69.696c-15.424 0-27.904-12.544-27.904-27.968s12.48-27.904 27.904-27.904h132.48c0.64 0 1.344 0 1.984 0.064h47.36c15.424 0 27.968-12.544 27.968-27.968 0-15.488-12.544-27.968-27.968-27.968h-69.632c-14.464-1.088-25.92-13.184-25.92-27.904 0-15.488 12.544-28.032 27.968-28.032h109.632c0.128 0 0.256 0 0.384 0.064h129.28l-226.496 247.36 273.984 255.616-165.44-0.064c-0.192 0-0.448 0-0.704 0zM402.048 707.52c15.36 0 27.84 12.48 27.84 27.84 0 15.424-12.48 27.904-27.84 27.904h-102.336c-15.36 0-27.84-12.48-27.84-27.904 0-15.36 12.48-27.84 27.84-27.84h102.336zM361.536 595.776c15.424 0 27.968 12.544 27.968 27.968s-12.544 27.904-27.968 27.904c-15.424 0-27.968-12.48-27.968-27.904s12.544-27.968 27.968-27.968zM215.424 484.032c15.424 0 27.968 12.48 27.968 27.968 0 15.424-12.544 27.904-27.968 27.904s-27.968-12.48-27.968-27.904c0-15.488 12.544-27.968 27.968-27.968zM323.776 372.288c15.424 0 27.968 12.48 27.968 27.904 0 15.488-12.544 27.968-27.968 27.968s-27.968-12.48-27.968-27.968c0-15.424 12.544-27.904 27.968-27.904zM424.064 260.48c15.36 0 27.84 12.544 27.84 27.904s-12.48 27.904-27.84 27.904h-64.64c-15.424 0-27.904-12.544-27.904-27.904s12.48-27.904 27.904-27.904h64.64z\"\/><path d=\"M512 16c-273.728 0-496 222.272-496 496s222.272 496 496 496c273.728 0 496-222.272 496-496s-222.272-496-496-496zM512 57.728c250.752 0 454.272 203.52 454.272 454.272s-203.52 454.272-454.272 454.272c-250.752 0-454.272-203.52-454.272-454.272s203.52-454.272 454.272-454.272z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">kadence_blocks_post_loop_content<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-6903_4c942d-12 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;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;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-6903_4c942d-12\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kadence-theme kt-svg-icon-list-single\"><svg viewBox=\"0 0 1024 1024\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M670.4 763.456h-142.592c-15.424 0-27.968-12.544-27.968-27.968s12.544-27.968 27.968-27.968h93.184c14.528-1.024 25.984-13.12 25.984-27.904 0-15.424-12.48-27.968-27.968-27.968h-145.728c-15.424 0-27.968-12.544-27.968-27.968s12.544-27.904 27.968-27.904h17.6l-0.064-0.064h26.176c15.424 0 27.904-12.48 27.904-27.904s-12.48-27.904-27.904-27.904l-203.776-0.064c-15.424 0-27.904-12.48-27.904-27.904s12.48-27.904 27.904-27.904l192-0.128c15.424 0 27.904-12.48 27.904-27.84 0-15.424-12.48-27.904-27.904-27.904h-69.696c-15.424 0-27.904-12.544-27.904-27.968s12.48-27.904 27.904-27.904h132.48c0.64 0 1.344 0 1.984 0.064h47.36c15.424 0 27.968-12.544 27.968-27.968 0-15.488-12.544-27.968-27.968-27.968h-69.632c-14.464-1.088-25.92-13.184-25.92-27.904 0-15.488 12.544-28.032 27.968-28.032h109.632c0.128 0 0.256 0 0.384 0.064h129.28l-226.496 247.36 273.984 255.616-165.44-0.064c-0.192 0-0.448 0-0.704 0zM402.048 707.52c15.36 0 27.84 12.48 27.84 27.84 0 15.424-12.48 27.904-27.84 27.904h-102.336c-15.36 0-27.84-12.48-27.84-27.904 0-15.36 12.48-27.84 27.84-27.84h102.336zM361.536 595.776c15.424 0 27.968 12.544 27.968 27.968s-12.544 27.904-27.968 27.904c-15.424 0-27.968-12.48-27.968-27.904s12.544-27.968 27.968-27.968zM215.424 484.032c15.424 0 27.968 12.48 27.968 27.968 0 15.424-12.544 27.904-27.968 27.904s-27.968-12.48-27.968-27.904c0-15.488 12.544-27.968 27.968-27.968zM323.776 372.288c15.424 0 27.968 12.48 27.968 27.904 0 15.488-12.544 27.968-27.968 27.968s-27.968-12.48-27.968-27.968c0-15.424 12.544-27.904 27.968-27.904zM424.064 260.48c15.36 0 27.84 12.544 27.84 27.904s-12.48 27.904-27.84 27.904h-64.64c-15.424 0-27.904-12.544-27.904-27.904s12.48-27.904 27.904-27.904h64.64z\"\/><path d=\"M512 16c-273.728 0-496 222.272-496 496s222.272 496 496 496c273.728 0 496-222.272 496-496s-222.272-496-496-496zM512 57.728c250.752 0 454.272 203.52 454.272 454.272s-203.52 454.272-454.272 454.272c-250.752 0-454.272-203.52-454.272-454.272s203.52-454.272 454.272-454.272z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">kadence_blocks_post_loop_footer_start<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-6903_bbcfe4-1d .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;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;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-6903_bbcfe4-1d\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kadence-theme kt-svg-icon-list-single\"><svg viewBox=\"0 0 1024 1024\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M670.4 763.456h-142.592c-15.424 0-27.968-12.544-27.968-27.968s12.544-27.968 27.968-27.968h93.184c14.528-1.024 25.984-13.12 25.984-27.904 0-15.424-12.48-27.968-27.968-27.968h-145.728c-15.424 0-27.968-12.544-27.968-27.968s12.544-27.904 27.968-27.904h17.6l-0.064-0.064h26.176c15.424 0 27.904-12.48 27.904-27.904s-12.48-27.904-27.904-27.904l-203.776-0.064c-15.424 0-27.904-12.48-27.904-27.904s12.48-27.904 27.904-27.904l192-0.128c15.424 0 27.904-12.48 27.904-27.84 0-15.424-12.48-27.904-27.904-27.904h-69.696c-15.424 0-27.904-12.544-27.904-27.968s12.48-27.904 27.904-27.904h132.48c0.64 0 1.344 0 1.984 0.064h47.36c15.424 0 27.968-12.544 27.968-27.968 0-15.488-12.544-27.968-27.968-27.968h-69.632c-14.464-1.088-25.92-13.184-25.92-27.904 0-15.488 12.544-28.032 27.968-28.032h109.632c0.128 0 0.256 0 0.384 0.064h129.28l-226.496 247.36 273.984 255.616-165.44-0.064c-0.192 0-0.448 0-0.704 0zM402.048 707.52c15.36 0 27.84 12.48 27.84 27.84 0 15.424-12.48 27.904-27.84 27.904h-102.336c-15.36 0-27.84-12.48-27.84-27.904 0-15.36 12.48-27.84 27.84-27.84h102.336zM361.536 595.776c15.424 0 27.968 12.544 27.968 27.968s-12.544 27.904-27.968 27.904c-15.424 0-27.968-12.48-27.968-27.904s12.544-27.968 27.968-27.968zM215.424 484.032c15.424 0 27.968 12.48 27.968 27.968 0 15.424-12.544 27.904-27.968 27.904s-27.968-12.48-27.968-27.904c0-15.488 12.544-27.968 27.968-27.968zM323.776 372.288c15.424 0 27.968 12.48 27.968 27.904 0 15.488-12.544 27.968-27.968 27.968s-27.968-12.48-27.968-27.968c0-15.424 12.544-27.904 27.968-27.904zM424.064 260.48c15.36 0 27.84 12.544 27.84 27.904s-12.48 27.904-27.84 27.904h-64.64c-15.424 0-27.904-12.544-27.904-27.904s12.48-27.904 27.904-27.904h64.64z\"\/><path d=\"M512 16c-273.728 0-496 222.272-496 496s222.272 496 496 496c273.728 0 496-222.272 496-496s-222.272-496-496-496zM512 57.728c250.752 0 454.272 203.52 454.272 454.272s-203.52 454.272-454.272 454.272c-250.752 0-454.272-203.52-454.272-454.272s203.52-454.272 454.272-454.272z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">kadence_blocks_post_loop_footer_end<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-6903_e2dc3d-97 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;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;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-6903_e2dc3d-97\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kadence-theme kt-svg-icon-list-single\"><svg viewBox=\"0 0 1024 1024\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M670.4 763.456h-142.592c-15.424 0-27.968-12.544-27.968-27.968s12.544-27.968 27.968-27.968h93.184c14.528-1.024 25.984-13.12 25.984-27.904 0-15.424-12.48-27.968-27.968-27.968h-145.728c-15.424 0-27.968-12.544-27.968-27.968s12.544-27.904 27.968-27.904h17.6l-0.064-0.064h26.176c15.424 0 27.904-12.48 27.904-27.904s-12.48-27.904-27.904-27.904l-203.776-0.064c-15.424 0-27.904-12.48-27.904-27.904s12.48-27.904 27.904-27.904l192-0.128c15.424 0 27.904-12.48 27.904-27.84 0-15.424-12.48-27.904-27.904-27.904h-69.696c-15.424 0-27.904-12.544-27.904-27.968s12.48-27.904 27.904-27.904h132.48c0.64 0 1.344 0 1.984 0.064h47.36c15.424 0 27.968-12.544 27.968-27.968 0-15.488-12.544-27.968-27.968-27.968h-69.632c-14.464-1.088-25.92-13.184-25.92-27.904 0-15.488 12.544-28.032 27.968-28.032h109.632c0.128 0 0.256 0 0.384 0.064h129.28l-226.496 247.36 273.984 255.616-165.44-0.064c-0.192 0-0.448 0-0.704 0zM402.048 707.52c15.36 0 27.84 12.48 27.84 27.84 0 15.424-12.48 27.904-27.84 27.904h-102.336c-15.36 0-27.84-12.48-27.84-27.904 0-15.36 12.48-27.84 27.84-27.84h102.336zM361.536 595.776c15.424 0 27.968 12.544 27.968 27.968s-12.544 27.904-27.968 27.904c-15.424 0-27.968-12.48-27.968-27.904s12.544-27.968 27.968-27.968zM215.424 484.032c15.424 0 27.968 12.48 27.968 27.968 0 15.424-12.544 27.904-27.968 27.904s-27.968-12.48-27.968-27.904c0-15.488 12.544-27.968 27.968-27.968zM323.776 372.288c15.424 0 27.968 12.48 27.968 27.904 0 15.488-12.544 27.968-27.968 27.968s-27.968-12.48-27.968-27.968c0-15.424 12.544-27.904 27.968-27.904zM424.064 260.48c15.36 0 27.84 12.544 27.84 27.904s-12.48 27.904-27.84 27.904h-64.64c-15.424 0-27.904-12.544-27.904-27.904s12.48-27.904 27.904-27.904h64.64z\"\/><path d=\"M512 16c-273.728 0-496 222.272-496 496s222.272 496 496 496c273.728 0 496-222.272 496-496s-222.272-496-496-496zM512 57.728c250.752 0 454.272 203.52 454.272 454.272s-203.52 454.272-454.272 454.272c-250.752 0-454.272-203.52-454.272-454.272s203.52-454.272 454.272-454.272z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">kadence_blocks_post_loop_end<\/span><\/li>\n<\/ul><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading6903_b07a3d-26, .wp-block-kadence-advancedheading.kt-adv-heading6903_b07a3d-26[data-kb-block=\"kb-adv-heading6903_b07a3d-26\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading6903_b07a3d-26 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading6903_b07a3d-26[data-kb-block=\"kb-adv-heading6903_b07a3d-26\"] 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-heading6903_b07a3d-26 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading6903_b07a3d-26[data-kb-block=\"kb-adv-heading6903_b07a3d-26\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading6903_b07a3d-26 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading6903_b07a3d-26\">Step One: Post Grid\/Carousel<\/h2>\n\n\n\n<p>To start, add a post grid or carousel to your post. Pick the posts you want to showcase and select a layout from the block settings &#8211; grid, masonry, or carousel. At this point, you can design the layout using the settings. However, <strong>to replace the post grid entirely, disable all block sections<\/strong>. You can show or hide the image, above title categories, title, below title meta, excerpt, read more section, and footer meta. By hiding every section, you&#8217;ll be left with an empty carousel.<\/p>\n\n\n<style>.kb-row-layout-id6903_366c2d-f0 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id6903_366c2d-f0 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id6903_366c2d-f0 > .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, 2fr) minmax(0, 1fr);}.kb-row-layout-id6903_366c2d-f0 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id6903_366c2d-f0 > .kt-row-column-wrap{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id6903_366c2d-f0 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id6903_366c2d-f0 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column6903_a4911b-ad > .kt-inside-inner-col{display:flex;}.kadence-column6903_a4911b-ad > .kt-inside-inner-col,.kadence-column6903_a4911b-ad > .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-column6903_a4911b-ad > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column6903_a4911b-ad > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column6903_a4911b-ad > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column6903_a4911b-ad{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6903_a4911b-ad{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6903_a4911b-ad > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column6903_a4911b-ad > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column6903_a4911b-ad{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column6903_a4911b-ad{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6903_a4911b-ad{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6903_a4911b-ad > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 1024px){.kadence-column6903_a4911b-ad > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column6903_a4911b-ad{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6903_a4911b-ad{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6903_a4911b-ad > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column6903_a4911b-ad > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column6903_a4911b-ad\"><div class=\"kt-inside-inner-col\"><style>.kb-image6903_371b71-ea .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6903_371b71-ea size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"416\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/Empty-PGC-1024x416.jpeg\" alt=\"\" class=\"kb-img wp-image-6908\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/Empty-PGC-1024x416.jpeg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/Empty-PGC-300x122.jpeg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/Empty-PGC-768x312.jpeg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/Empty-PGC-360x146.jpeg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/Empty-PGC-1536x625.jpeg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/Empty-PGC.jpeg 1699w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><\/div>\n\n\n<style>.kadence-column6903_8dfaa8-90 > .kt-inside-inner-col,.kadence-column6903_8dfaa8-90 > .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-column6903_8dfaa8-90 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column6903_8dfaa8-90 > .kt-inside-inner-col{flex-direction:column;}.kadence-column6903_8dfaa8-90 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column6903_8dfaa8-90 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column6903_8dfaa8-90{position:relative;}@media all and (max-width: 1024px){.kadence-column6903_8dfaa8-90 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column6903_8dfaa8-90 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column6903_8dfaa8-90\"><div class=\"kt-inside-inner-col\"><style>.kb-image6903_596f1b-95 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6903_596f1b-95 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"354\" height=\"431\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/PGC-setting-groups.jpeg\" alt=\"\" class=\"kb-img wp-image-6904\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/PGC-setting-groups.jpeg 354w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/PGC-setting-groups-246x300.jpeg 246w\" sizes=\"auto, (max-width: 354px) 100vw, 354px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading6903_777e08-21, .wp-block-kadence-advancedheading.kt-adv-heading6903_777e08-21[data-kb-block=\"kb-adv-heading6903_777e08-21\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading6903_777e08-21 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading6903_777e08-21[data-kb-block=\"kb-adv-heading6903_777e08-21\"] 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-heading6903_777e08-21 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading6903_777e08-21[data-kb-block=\"kb-adv-heading6903_777e08-21\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading6903_777e08-21 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading6903_777e08-21\">Step Two: Kadence Element<\/h2>\n\n\n\n<p>Once you have added the post grid, selected the desired posts and layout, and hidden all relevant data, you are prepared to create an element that will replace the post loop.<\/p>\n\n\n\n<p>Create a <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/how-to-create-a-kadence-elements-content-section\/\" data-type=\"docs\" data-id=\"5046\">Kadence Elements content section<\/a>. Besides the element type, you should pay attention to the <strong>Placement <\/strong>and <strong>Display Settings<\/strong>. Change the Placement to <strong>Custom Hook<\/strong> (the last option in the select box). You can generally add your content section to any hook available on the front end. To completely replace the empty post grid you created in the first step, add the element to the <strong>kadence_blocks_post_loop_content <\/strong>hook. Also, pay attention to the page you show the element on and select the specific pages where you want to replace the post grids. If you select the entire site, every post grid\/carousel block will be affected. <\/p>\n\n\n\n<p>When creating the element, it&#8217;s crucial to keep in mind that it doesn&#8217;t serve as a substitute for the entire Post Grid\/Carousel block. Rather, it replaces the loop items within the grid. Your focus should be on designing a template for a single entry in the carousel, which all posts in the grid will utilize.<\/p>\n\n\n<style>.kb-image6903_208250-f6 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6903_208250-f6 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"548\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/Post-GridCarousel-Element-1024x548.jpeg\" alt=\"\" class=\"kb-img wp-image-6911\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/Post-GridCarousel-Element-1024x548.jpeg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/Post-GridCarousel-Element-300x161.jpeg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/Post-GridCarousel-Element-768x411.jpeg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/Post-GridCarousel-Element-360x193.jpeg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/Post-GridCarousel-Element-1536x822.jpeg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/Post-GridCarousel-Element.jpeg 1696w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After you&#8217;ve saved your element with the correct placement and display settings, view the page with your empty Post Grid\/Carousel. The carousel should now display a loop of posts using your element as a template. <\/p>\n\n\n<style>.kb-image6903_4b296d-1f .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6903_4b296d-1f size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"868\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/PGC-with-Element-1024x868.jpeg\" alt=\"\" class=\"kb-img wp-image-6912\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/PGC-with-Element-1024x868.jpeg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/PGC-with-Element-300x254.jpeg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/PGC-with-Element-768x651.jpeg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/PGC-with-Element-360x305.jpeg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/PGC-with-Element.jpeg 1049w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading6903_7008ee-e5, .wp-block-kadence-advancedheading.kt-adv-heading6903_7008ee-e5[data-kb-block=\"kb-adv-heading6903_7008ee-e5\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading6903_7008ee-e5 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading6903_7008ee-e5[data-kb-block=\"kb-adv-heading6903_7008ee-e5\"] 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-heading6903_7008ee-e5 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading6903_7008ee-e5[data-kb-block=\"kb-adv-heading6903_7008ee-e5\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading6903_7008ee-e5 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading6903_7008ee-e5\">Targeting a Specific Post Grid\/Carousel<\/h2>\n\n\n<style>.kb-row-layout-id6903_862e63-66 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id6903_862e63-66 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id6903_862e63-66 > .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:repeat(2, minmax(0, 1fr));}.kb-row-layout-id6903_862e63-66 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id6903_862e63-66 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id6903_862e63-66 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id6903_862e63-66 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-column6903_919ea7-e7 > .kt-inside-inner-col{display:flex;}.kadence-column6903_919ea7-e7 > .kt-inside-inner-col,.kadence-column6903_919ea7-e7 > .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-column6903_919ea7-e7 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column6903_919ea7-e7 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column6903_919ea7-e7 > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column6903_919ea7-e7{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6903_919ea7-e7{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6903_919ea7-e7 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column6903_919ea7-e7 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column6903_919ea7-e7{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column6903_919ea7-e7{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6903_919ea7-e7{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6903_919ea7-e7 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 1024px){.kadence-column6903_919ea7-e7 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column6903_919ea7-e7{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6903_919ea7-e7{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column6903_919ea7-e7 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column6903_919ea7-e7 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column6903_919ea7-e7\"><div class=\"kt-inside-inner-col\">\n<p>The instructions above will affect every Post Grid\/Carousel on pages the element is configured to show on. This is fine if you have a single grid on a page or multiple grids that share the element template. If you want to target a specific grid, you must change a few settings and add custom PHP. However, the following instructions are helpful if you have more than one Post Grid\/Carousel on a page and want to use different templates for them. <\/p>\n\n\n\n<p>On your element, remove the Custom Hook placement<br>Set the Display Settings to &#8220;Entire Site&#8221;.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column6903_525941-42 > .kt-inside-inner-col,.kadence-column6903_525941-42 > .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-column6903_525941-42 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column6903_525941-42 > .kt-inside-inner-col{flex-direction:column;}.kadence-column6903_525941-42 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column6903_525941-42 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column6903_525941-42{position:relative;}@media all and (max-width: 1024px){.kadence-column6903_525941-42 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column6903_525941-42 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column6903_525941-42\"><div class=\"kt-inside-inner-col\"><style>.kb-image6903_27b6a5-f3 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6903_27b6a5-f3\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"306\" height=\"526\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/element-settings-for-a-special-carousel.jpeg\" alt=\"element settings for a special carousel\" class=\"kb-img wp-image-7098\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/element-settings-for-a-special-carousel.jpeg 306w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/element-settings-for-a-special-carousel-175x300.jpeg 175w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/element-settings-for-a-special-carousel-298x512.jpeg 298w\" sizes=\"auto, (max-width: 306px) 100vw, 306px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p>Add a custom class to your <em>special <\/em>post grid\/carousel block, maybe &#8220;special-carousel&#8221;<br>Add this custom code snippet. You can add PHP code to your site using a plugin like <a href=\"https:\/\/www.kadencewp.com\/kadence-theme\/knowledge-base\/advanced\/how-to-add-a-custom-filter-or-function-with-code-snippets\/\">Code Snippets<\/a> or your functions.php file (in a <a href=\"https:\/\/www.kadencewp.com\/kadence-theme\/knowledge-base\/advanced\/what-is-a-child-theme-should-i-install-one-if-so-how\/\">child theme<\/a>).<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">add_action('kadence_blocks_post_loop_start', function($attributes){\n    if ( isset($attributes['className']) &amp;&amp; strpos($attributes['className'], 'special-carousel') !== false ) :\n        echo do_shortcode('[SPECIAL_ELEMENT_SHORTCODE]');\n    endif;\n});<\/code><\/pre>\n\n\n\n<p>Just change the &#8216;special-carousel&#8217; class to your custom class name and &#8216;SPECIAL_ELEMENT_SHORTCODE&#8217; to the correct element shortcode. <\/p>\n\n\n\n<p>You can add the &#8220;special-carousel&#8221; custom class to the Post Grid\/Carousel in the Advanced settings of the Advanced tab.<\/p>\n\n\n<style>.kb-image6903_804c56-50 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6903_804c56-50\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"544\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/special-carousel-case-1024x544.jpeg\" alt=\"special carousel case\" class=\"kb-img wp-image-7099\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/special-carousel-case-1024x544.jpeg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/special-carousel-case-300x159.jpeg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/special-carousel-case-768x408.jpeg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/special-carousel-case-360x191.jpeg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/special-carousel-case-1536x816.jpeg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/special-carousel-case.jpeg 1746w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>You can find the element shortcode in the dashboard (Appearance &gt; Kadence -&gt; Elements.<\/p>\n\n\n<style>.kb-image6903_b43afc-e2 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6903_b43afc-e2\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/kadence-elements-shortcode-1024x496.jpeg\" alt=\"kadence elements shortcode\" class=\"kb-img wp-image-7101\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/kadence-elements-shortcode-1024x496.jpeg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/kadence-elements-shortcode-300x145.jpeg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/kadence-elements-shortcode-768x372.jpeg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/kadence-elements-shortcode-360x174.jpeg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/kadence-elements-shortcode-1536x743.jpeg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/kadence-elements-shortcode.jpeg 1895w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>Finally, here is a screenshot showing the element affecting a single Post Grid\/Carousel on a page with multiple carousels.<\/p>\n\n\n<style>.kb-image6903_2c3bcc-e6 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6903_2c3bcc-e6\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"826\" height=\"915\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/single-affected-post-grid.jpeg\" alt=\"single affected post grid\" class=\"kb-img wp-image-7100\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/single-affected-post-grid.jpeg 826w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/single-affected-post-grid-271x300.jpeg 271w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/single-affected-post-grid-768x851.jpeg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/06\/single-affected-post-grid-360x399.jpeg 360w\" sizes=\"auto, (max-width: 826px) 100vw, 826px\" \/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Post Grid\/Carousel block is a feature of Kadence Blocks Pro. This block showcases a grid or carousel of posts. Although it has settings to adjust the style, you might want to add dynamic content such as custom fields, more images to the grid, or modify the layout beyond the preset options. In such a&#8230;<\/p>\n","protected":false},"author":143301,"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":[446],"doc_tag":[],"knowledge_base":[7,6],"class_list":["post-6903","docs","type-docs","status-publish","hentry","doc_category-hooked-element-guides","knowledge_base-kadence-blocks","knowledge_base-kadence-theme"],"year_month":"2026-04","word_count":726,"total_views":"11250","reactions":{"happy":"0","normal":"0","sad":"2"},"author_info":{"display_name":"gilberthernandez","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/gilberthernandez\/"},"doc_category_info":[{"term_name":"Hooked Element Guides","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/hooked-element-guides\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Blocks","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/","term_slug":"kadence-blocks"},{"term_name":"Kadence Theme","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/","term_slug":"kadence-theme"}],"knowledge_base_slug":["kadence-blocks","kadence-theme"],"taxonomy_info":{"doc_category":[{"value":446,"label":"Hooked Element Guides"}],"knowledge_base":[{"value":7,"label":"Kadence Blocks"},{"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\/6903","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\/143301"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=6903"}],"version-history":[{"count":13,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/6903\/revisions"}],"predecessor-version":[{"id":7155,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/6903\/revisions\/7155"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=6903"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=6903"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=6903"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=6903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}