{"id":228,"date":"2019-01-02T00:13:41","date_gmt":"2019-01-02T00:13:41","guid":{"rendered":"https:\/\/www.kadenceblocks.com\/?post_type=ht_kb&#038;p=228"},"modified":"2024-02-21T14:37:49","modified_gmt":"2024-02-21T14:37:49","password":"","slug":"prebuilt-layouts","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/prebuilt-layouts\/","title":{"rendered":"Prebuilt Layouts"},"content":{"rendered":"\n<p>Kadence Blocks offers the ability to use prebuilt layouts to add awesome layouts to your pages. Not only do the layouts offer a simple way to add great-looking content to your pages, but they are also easily customizable to meet your needs. <\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading228_e5d487-31, .wp-block-kadence-advancedheading.kt-adv-heading228_e5d487-31[data-kb-block=\"kb-adv-heading228_e5d487-31\"]{font-style:normal;color:#ff0000;}.wp-block-kadence-advancedheading.kt-adv-heading228_e5d487-31 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading228_e5d487-31[data-kb-block=\"kb-adv-heading228_e5d487-31\"] 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-heading228_e5d487-31 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading228_e5d487-31[data-kb-block=\"kb-adv-heading228_e5d487-31\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading228_e5d487-31 wp-block-kadence-advancedheading has-theme-palette-7-background-color has-background\" data-kb-block=\"kb-adv-heading228_e5d487-31\">Our Design Library has been updated. The Prebuilt Layouts in this guide are no longer available by default. You can learn how to add them back by <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/adding-old-wireframes-starter-packs-and-sections-to-the-new-design-library\/\" target=\"_blank\" rel=\"noreferrer noopener\">Clicking Here<\/a>. You can view a more recent document for the Design Library by <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/how-to-control-the-kadence-design-library\/\">Clicking Here<\/a>. <\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading228_f9e527-d9, .wp-block-kadence-advancedheading.kt-adv-heading228_f9e527-d9[data-kb-block=\"kb-adv-heading228_f9e527-d9\"]{font-style:normal;color:#ff0000;}.wp-block-kadence-advancedheading.kt-adv-heading228_f9e527-d9 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading228_f9e527-d9[data-kb-block=\"kb-adv-heading228_f9e527-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-heading228_f9e527-d9 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading228_f9e527-d9[data-kb-block=\"kb-adv-heading228_f9e527-d9\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading228_f9e527-d9 wp-block-kadence-advancedheading has-theme-palette-7-background-color has-background\" data-kb-block=\"kb-adv-heading228_f9e527-d9\">You can now power your designs with AI. To find out more, read about <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-ai\/kadence-ai-powered-design-library\/\" data-type=\"link\" data-id=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-ai\/kadence-ai-powered-design-library\/\">Kadence AI-Powered Design Library<\/a>. <\/p>\n\n\n\n<p>Click the Design Library tab on the top of your edit page. *Note this can also be accessed by clicking &#8220;Design Library&#8221; from the Row Layout block.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"343\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/prebuiltlibrary-1024x343.png\" alt=\"\" class=\"wp-image-5704\" style=\"width:768px;height:257px\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/prebuiltlibrary-1024x343.png 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/prebuiltlibrary-300x101.png 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/prebuiltlibrary-768x258.png 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/prebuiltlibrary-1536x515.png 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/prebuiltlibrary.png 1634w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p>From there, open the Sections tab and find the prebuilt layout you would like to add to your page. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1718\" height=\"614\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/designlibrary.gif\" alt=\"\" class=\"wp-image-5718\" \/><\/figure>\n\n\n\n<p>Click the layout you want to add, and it should immediately show on your page.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/prebuiltlayout-1024x572.png\" alt=\"\" class=\"wp-image-5721\" style=\"width:1024px;height:572px\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/prebuiltlayout-1024x572.png 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/prebuiltlayout-300x168.png 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/prebuiltlayout-768x429.png 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/prebuiltlayout-1536x858.png 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/prebuiltlayout-2048x1144.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p>You can then edit each block within the prebuilt layout to make the content your own. <\/p>\n\n\n<style>.kb-image228_a71f29-f3 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image228_a71f29-f3\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"985\" height=\"854\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Kadence-form-in-Gutenberg-editor.jpeg\" alt=\"Kadence form in Gutenberg editor\" class=\"kb-img wp-image-6575\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Kadence-form-in-Gutenberg-editor.jpeg 985w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Kadence-form-in-Gutenberg-editor-300x260.jpeg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Kadence-form-in-Gutenberg-editor-768x666.jpeg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Kadence-form-in-Gutenberg-editor-360x312.jpeg 360w\" sizes=\"auto, (max-width: 985px) 100vw, 985px\" \/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Kadence Blocks offers the ability to use prebuilt layouts to add awesome layouts to your pages. Not only do the layouts offer a simple way to add great-looking content to your pages, but they are also easily customizable to meet your needs. Our Design Library has been updated. The Prebuilt Layouts in this guide are&#8230;<\/p>\n","protected":false},"author":1265,"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":[420],"doc_tag":[],"knowledge_base":[7],"class_list":["post-228","docs","type-docs","status-publish","hentry","doc_category-blocks-advanced","knowledge_base-kadence-blocks"],"year_month":"2026-04","word_count":180,"total_views":"7106","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"display_name":"Ben Ritner","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/britner\/"},"doc_category_info":[{"term_name":"Advanced","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/blocks-advanced\/"}],"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"}],"knowledge_base_slug":["kadence-blocks"],"taxonomy_info":{"doc_category":[{"value":420,"label":"Advanced"}],"knowledge_base":[{"value":7,"label":"Kadence Blocks"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/228","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\/1265"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=228"}],"version-history":[{"count":12,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/228\/revisions"}],"predecessor-version":[{"id":15442,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/228\/revisions\/15442"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=228"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=228"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=228"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}