{"id":824,"date":"2026-08-13T05:52:02","date_gmt":"2026-08-13T05:52:02","guid":{"rendered":"http:\/\/dev.test\/?page_id=526"},"modified":"2026-09-13T09:21:13","modified_gmt":"2026-09-13T09:21:13","slug":"faq-section-layouts","status":"publish","type":"page","link":"https:\/\/demo.codeflist.com\/wordpress-plugins\/codeflist-block-kit\/faq-section-layouts\/","title":{"rendered":"FAQ Section Layouts"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Accent Border Template<\/h2>\n\n\n<div class=\"cfbk-faq cfbk-faq-layout-template-1 alignwide wp-block-codeflist-block-kit-faq\">\n\t<div class=\"cfbk-faq-list\">\n\t\t\t<div class=\"cfbk-faq-item cfbk-faq-active\">\n\t\t<div class=\"cfbk-faq-title-wrap cfbk-faq-has-icon cfbk-faq-date-above-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"true\">\n\t<div class=\"cfbk-faq-title-inner\">\n\t\t<span class=\"cfbk-faq-icon\">\n\t<i class=\"fa fa-question-circle\"><\/i>\n<\/span>\n\t\t<div class=\"cfbk-faq-title-date-wrap\">\n\t\t\t<div class=\"cfbk-faq-title-content\">\n\tWhat is Codeflist Block Kit?<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<span class=\"cfbk-faq-toggle\">\n\t<i\n\t\tclass=\"fa cfbk-faq-toggle-icon fa-arrow-down\"\n\t\tdata-icon-inactive=\"fa-arrow-down\"\n\t\tdata-icon-active=\"fa-arrow-down\"\n\t><\/i>\n<\/span>\n<\/div>\n\t\t<div class=\"cfbk-faq-content-wrap\" style=\"display:block;\">\n\t<div class=\"cfbk-faq-content\">\n\t\t<p>Codeflist Block Kit is a collection of ready-to-use Gutenberg blocks for building modern WordPress pages without touching code.<\/p>\n\t<\/div>\n<\/div>\n\t<\/div>\n\t\t<div class=\"cfbk-faq-item\">\n\t\t<div class=\"cfbk-faq-title-wrap cfbk-faq-has-icon cfbk-faq-date-above-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n\t<div class=\"cfbk-faq-title-inner\">\n\t\t<span class=\"cfbk-faq-icon\">\n\t<i class=\"fa fa-paint-brush\"><\/i>\n<\/span>\n\t\t<div class=\"cfbk-faq-title-date-wrap\">\n\t\t\t<div class=\"cfbk-faq-title-content\">\n\tCan I customize the design?<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<span class=\"cfbk-faq-toggle\">\n\t<i\n\t\tclass=\"fa cfbk-faq-toggle-icon fa-arrow-down\"\n\t\tdata-icon-inactive=\"fa-arrow-down\"\n\t\tdata-icon-active=\"fa-arrow-down\"\n\t><\/i>\n<\/span>\n<\/div>\n\t\t<div class=\"cfbk-faq-content-wrap\" style=\"display:none;\">\n\t<div class=\"cfbk-faq-content\">\n\t\t<p>Yes, every block ships with multiple layout templates and toggles for the content you want to show or hide.<\/p>\n\t<\/div>\n<\/div>\n\t<\/div>\n\t\t<div class=\"cfbk-faq-item\">\n\t\t<div class=\"cfbk-faq-title-wrap cfbk-faq-has-icon cfbk-faq-date-above-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n\t<div class=\"cfbk-faq-title-inner\">\n\t\t<span class=\"cfbk-faq-icon\">\n\t<i class=\"fa fa-code\"><\/i>\n<\/span>\n\t\t<div class=\"cfbk-faq-title-date-wrap\">\n\t\t\t<div class=\"cfbk-faq-title-content\">\n\tDo I need to know how to code?<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<span class=\"cfbk-faq-toggle\">\n\t<i\n\t\tclass=\"fa cfbk-faq-toggle-icon fa-arrow-down\"\n\t\tdata-icon-inactive=\"fa-arrow-down\"\n\t\tdata-icon-active=\"fa-arrow-down\"\n\t><\/i>\n<\/span>\n<\/div>\n\t\t<div class=\"cfbk-faq-content-wrap\" style=\"display:none;\">\n\t<div class=\"cfbk-faq-content\">\n\t\t<p>Not at all. Everything is managed visually from the block editor&#8217;s sidebar.<\/p>\n\t<\/div>\n<\/div>\n\t<\/div>\n\t\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Rounded Card Template<\/h2>\n\n\n<div class=\"cfbk-faq cfbk-faq-layout-template-2 alignwide wp-block-codeflist-block-kit-faq\">\n\t<div class=\"cfbk-faq-list\">\n\t\t\t<div class=\"cfbk-faq-item cfbk-faq-active\">\n\t\t<div class=\"cfbk-faq-title-wrap cfbk-faq-has-icon\" role=\"button\" tabindex=\"0\" aria-expanded=\"true\">\n\t<div class=\"cfbk-faq-title-inner\">\n\t\t<span class=\"cfbk-faq-icon\">\n\t<i class=\"fa fa-question-circle\"><\/i>\n<\/span>\n\t\t<div class=\"cfbk-faq-title-date-wrap\">\n\t\t\t<div class=\"cfbk-faq-title-content\">\n\tWhat is Codeflist Block Kit?<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<span class=\"cfbk-faq-toggle\">\n\t<i\n\t\tclass=\"fa cfbk-faq-toggle-icon fa-angle-down\"\n\t\tdata-icon-inactive=\"fa-angle-down\"\n\t\tdata-icon-active=\"fa-angle-down\"\n\t><\/i>\n<\/span>\n<\/div>\n\t\t<div class=\"cfbk-faq-content-wrap\" style=\"display:block;\">\n\t<div class=\"cfbk-faq-content\">\n\t\t<p>Codeflist Block Kit is a collection of ready-to-use Gutenberg blocks for building modern WordPress pages without touching code.<\/p>\n\t<\/div>\n<\/div>\n\t<\/div>\n\t\t<div class=\"cfbk-faq-item\">\n\t\t<div class=\"cfbk-faq-title-wrap cfbk-faq-has-icon\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n\t<div class=\"cfbk-faq-title-inner\">\n\t\t<span class=\"cfbk-faq-icon\">\n\t<i class=\"fa fa-paint-brush\"><\/i>\n<\/span>\n\t\t<div class=\"cfbk-faq-title-date-wrap\">\n\t\t\t<div class=\"cfbk-faq-title-content\">\n\tCan I customize the design?<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<span class=\"cfbk-faq-toggle\">\n\t<i\n\t\tclass=\"fa cfbk-faq-toggle-icon fa-angle-down\"\n\t\tdata-icon-inactive=\"fa-angle-down\"\n\t\tdata-icon-active=\"fa-angle-down\"\n\t><\/i>\n<\/span>\n<\/div>\n\t\t<div class=\"cfbk-faq-content-wrap\" style=\"display:none;\">\n\t<div class=\"cfbk-faq-content\">\n\t\t<p>Yes, every block ships with multiple layout templates and toggles for the content you want to show or hide.<\/p>\n\t<\/div>\n<\/div>\n\t<\/div>\n\t\t<div class=\"cfbk-faq-item\">\n\t\t<div class=\"cfbk-faq-title-wrap cfbk-faq-has-icon\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n\t<div class=\"cfbk-faq-title-inner\">\n\t\t<span class=\"cfbk-faq-icon\">\n\t<i class=\"fa fa-code\"><\/i>\n<\/span>\n\t\t<div class=\"cfbk-faq-title-date-wrap\">\n\t\t\t<div class=\"cfbk-faq-title-content\">\n\tDo I need to know how to code?<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<span class=\"cfbk-faq-toggle\">\n\t<i\n\t\tclass=\"fa cfbk-faq-toggle-icon fa-angle-down\"\n\t\tdata-icon-inactive=\"fa-angle-down\"\n\t\tdata-icon-active=\"fa-angle-down\"\n\t><\/i>\n<\/span>\n<\/div>\n\t\t<div class=\"cfbk-faq-content-wrap\" style=\"display:none;\">\n\t<div class=\"cfbk-faq-content\">\n\t\t<p>Not at all. Everything is managed visually from the block editor&#8217;s sidebar.<\/p>\n\t<\/div>\n<\/div>\n\t<\/div>\n\t\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Sidebar Highlight Template<\/h2>\n\n\n<div class=\"cfbk-faq cfbk-faq-layout-template-3 alignwide wp-block-codeflist-block-kit-faq\">\n\t<div class=\"cfbk-faq-list\">\n\t\t\t<div class=\"cfbk-faq-item cfbk-faq-active\">\n\t\t<div class=\"cfbk-faq-title-wrap cfbk-faq-has-icon\" role=\"button\" tabindex=\"0\" aria-expanded=\"true\">\n\t<div class=\"cfbk-faq-title-inner\">\n\t\t<span class=\"cfbk-faq-icon\">\n\t<i class=\"fa fa-question-circle\"><\/i>\n<\/span>\n\t\t<div class=\"cfbk-faq-title-date-wrap\">\n\t\t\t<div class=\"cfbk-faq-title-content\">\n\tWhat is Codeflist Block Kit?<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<span class=\"cfbk-faq-toggle\">\n\t<i\n\t\tclass=\"fa cfbk-faq-toggle-icon fa-minus\"\n\t\tdata-icon-inactive=\"fa-plus\"\n\t\tdata-icon-active=\"fa-minus\"\n\t><\/i>\n<\/span>\n<\/div>\n\t\t<div class=\"cfbk-faq-content-wrap\" style=\"display:block;\">\n\t<div class=\"cfbk-faq-content\">\n\t\t<p>Codeflist Block Kit is a collection of ready-to-use Gutenberg blocks for building modern WordPress pages without touching code.<\/p>\n\t<\/div>\n<\/div>\n\t<\/div>\n\t\t<div class=\"cfbk-faq-item\">\n\t\t<div class=\"cfbk-faq-title-wrap cfbk-faq-has-icon\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n\t<div class=\"cfbk-faq-title-inner\">\n\t\t<span class=\"cfbk-faq-icon\">\n\t<i class=\"fa fa-paint-brush\"><\/i>\n<\/span>\n\t\t<div class=\"cfbk-faq-title-date-wrap\">\n\t\t\t<div class=\"cfbk-faq-title-content\">\n\tCan I customize the design?<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<span class=\"cfbk-faq-toggle\">\n\t<i\n\t\tclass=\"fa cfbk-faq-toggle-icon fa-plus\"\n\t\tdata-icon-inactive=\"fa-plus\"\n\t\tdata-icon-active=\"fa-minus\"\n\t><\/i>\n<\/span>\n<\/div>\n\t\t<div class=\"cfbk-faq-content-wrap\" style=\"display:none;\">\n\t<div class=\"cfbk-faq-content\">\n\t\t<p>Yes, every block ships with multiple layout templates and toggles for the content you want to show or hide.<\/p>\n\t<\/div>\n<\/div>\n\t<\/div>\n\t\t<div class=\"cfbk-faq-item\">\n\t\t<div class=\"cfbk-faq-title-wrap cfbk-faq-has-icon\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n\t<div class=\"cfbk-faq-title-inner\">\n\t\t<span class=\"cfbk-faq-icon\">\n\t<i class=\"fa fa-code\"><\/i>\n<\/span>\n\t\t<div class=\"cfbk-faq-title-date-wrap\">\n\t\t\t<div class=\"cfbk-faq-title-content\">\n\tDo I need to know how to code?<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<span class=\"cfbk-faq-toggle\">\n\t<i\n\t\tclass=\"fa cfbk-faq-toggle-icon fa-plus\"\n\t\tdata-icon-inactive=\"fa-plus\"\n\t\tdata-icon-active=\"fa-minus\"\n\t><\/i>\n<\/span>\n<\/div>\n\t\t<div class=\"cfbk-faq-content-wrap\" style=\"display:none;\">\n\t<div class=\"cfbk-faq-content\">\n\t\t<p>Not at all. Everything is managed visually from the block editor&#8217;s sidebar.<\/p>\n\t<\/div>\n<\/div>\n\t<\/div>\n\t\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Pill Badge Template<\/h2>\n\n\n<div class=\"cfbk-faq cfbk-faq-layout-template-4 alignwide wp-block-codeflist-block-kit-faq\">\n\t<div class=\"cfbk-faq-list\">\n\t\t\t<div class=\"cfbk-faq-item cfbk-faq-active\">\n\t\t<div class=\"cfbk-faq-title-wrap cfbk-faq-has-icon\" role=\"button\" tabindex=\"0\" aria-expanded=\"true\">\n\t<div class=\"cfbk-faq-title-inner\">\n\t\t<span class=\"cfbk-faq-icon\">\n\t<i class=\"fa fa-question-circle\"><\/i>\n<\/span>\n\t\t<div class=\"cfbk-faq-title-date-wrap\">\n\t\t\t<div class=\"cfbk-faq-title-content\">\n\tWhat is Codeflist Block Kit?<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<span class=\"cfbk-faq-toggle\">\n\t<i\n\t\tclass=\"fa cfbk-faq-toggle-icon fa-minus\"\n\t\tdata-icon-inactive=\"fa-plus\"\n\t\tdata-icon-active=\"fa-minus\"\n\t><\/i>\n<\/span>\n<\/div>\n\t\t<div class=\"cfbk-faq-content-wrap\" style=\"display:block;\">\n\t<div class=\"cfbk-faq-content\">\n\t\t<p>Codeflist Block Kit is a collection of ready-to-use Gutenberg blocks for building modern WordPress pages without touching code.<\/p>\n\t<\/div>\n<\/div>\n\t<\/div>\n\t\t<div class=\"cfbk-faq-item\">\n\t\t<div class=\"cfbk-faq-title-wrap cfbk-faq-has-icon\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n\t<div class=\"cfbk-faq-title-inner\">\n\t\t<span class=\"cfbk-faq-icon\">\n\t<i class=\"fa fa-paint-brush\"><\/i>\n<\/span>\n\t\t<div class=\"cfbk-faq-title-date-wrap\">\n\t\t\t<div class=\"cfbk-faq-title-content\">\n\tCan I customize the design?<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<span class=\"cfbk-faq-toggle\">\n\t<i\n\t\tclass=\"fa cfbk-faq-toggle-icon fa-plus\"\n\t\tdata-icon-inactive=\"fa-plus\"\n\t\tdata-icon-active=\"fa-minus\"\n\t><\/i>\n<\/span>\n<\/div>\n\t\t<div class=\"cfbk-faq-content-wrap\" style=\"display:none;\">\n\t<div class=\"cfbk-faq-content\">\n\t\t<p>Yes, every block ships with multiple layout templates and toggles for the content you want to show or hide.<\/p>\n\t<\/div>\n<\/div>\n\t<\/div>\n\t\t<div class=\"cfbk-faq-item\">\n\t\t<div class=\"cfbk-faq-title-wrap cfbk-faq-has-icon\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n\t<div class=\"cfbk-faq-title-inner\">\n\t\t<span class=\"cfbk-faq-icon\">\n\t<i class=\"fa fa-code\"><\/i>\n<\/span>\n\t\t<div class=\"cfbk-faq-title-date-wrap\">\n\t\t\t<div class=\"cfbk-faq-title-content\">\n\tDo I need to know how to code?<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<span class=\"cfbk-faq-toggle\">\n\t<i\n\t\tclass=\"fa cfbk-faq-toggle-icon fa-plus\"\n\t\tdata-icon-inactive=\"fa-plus\"\n\t\tdata-icon-active=\"fa-minus\"\n\t><\/i>\n<\/span>\n<\/div>\n\t\t<div class=\"cfbk-faq-content-wrap\" style=\"display:none;\">\n\t<div class=\"cfbk-faq-content\">\n\t\t<p>Not at all. Everything is managed visually from the block editor&#8217;s sidebar.<\/p>\n\t<\/div>\n<\/div>\n\t<\/div>\n\t\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Boxed List Template<\/h2>\n\n\n<div class=\"cfbk-faq cfbk-faq-layout-template-5 alignwide wp-block-codeflist-block-kit-faq\">\n\t<div class=\"cfbk-faq-list\">\n\t\t\t<div class=\"cfbk-faq-item cfbk-faq-active\">\n\t\t<div class=\"cfbk-faq-title-wrap cfbk-faq-has-icon cfbk-faq-date-above-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"true\">\n\t<div class=\"cfbk-faq-title-inner\">\n\t\t<span class=\"cfbk-faq-icon\">\n\t<i class=\"fa fa-question-circle\"><\/i>\n<\/span>\n\t\t<div class=\"cfbk-faq-title-date-wrap\">\n\t\t\t<div class=\"cfbk-faq-title-content\">\n\tWhat is Codeflist Block Kit?<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<span class=\"cfbk-faq-toggle\">\n\t<i\n\t\tclass=\"fa cfbk-faq-toggle-icon fa-minus\"\n\t\tdata-icon-inactive=\"fa-plus\"\n\t\tdata-icon-active=\"fa-minus\"\n\t><\/i>\n<\/span>\n<\/div>\n\t\t<div class=\"cfbk-faq-content-wrap\" style=\"display:block;\">\n\t<div class=\"cfbk-faq-content\">\n\t\t<p>Codeflist Block Kit is a collection of ready-to-use Gutenberg blocks for building modern WordPress pages without touching code.<\/p>\n\t<\/div>\n<\/div>\n\t<\/div>\n\t\t<div class=\"cfbk-faq-item\">\n\t\t<div class=\"cfbk-faq-title-wrap cfbk-faq-has-icon cfbk-faq-date-above-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n\t<div class=\"cfbk-faq-title-inner\">\n\t\t<span class=\"cfbk-faq-icon\">\n\t<i class=\"fa fa-paint-brush\"><\/i>\n<\/span>\n\t\t<div class=\"cfbk-faq-title-date-wrap\">\n\t\t\t<div class=\"cfbk-faq-title-content\">\n\tCan I customize the design?<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<span class=\"cfbk-faq-toggle\">\n\t<i\n\t\tclass=\"fa cfbk-faq-toggle-icon fa-plus\"\n\t\tdata-icon-inactive=\"fa-plus\"\n\t\tdata-icon-active=\"fa-minus\"\n\t><\/i>\n<\/span>\n<\/div>\n\t\t<div class=\"cfbk-faq-content-wrap\" style=\"display:none;\">\n\t<div class=\"cfbk-faq-content\">\n\t\t<p>Yes, every block ships with multiple layout templates and toggles for the content you want to show or hide.<\/p>\n\t<\/div>\n<\/div>\n\t<\/div>\n\t\t<div class=\"cfbk-faq-item\">\n\t\t<div class=\"cfbk-faq-title-wrap cfbk-faq-has-icon cfbk-faq-date-above-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n\t<div class=\"cfbk-faq-title-inner\">\n\t\t<span class=\"cfbk-faq-icon\">\n\t<i class=\"fa fa-code\"><\/i>\n<\/span>\n\t\t<div class=\"cfbk-faq-title-date-wrap\">\n\t\t\t<div class=\"cfbk-faq-title-content\">\n\tDo I need to know how to code?<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<span class=\"cfbk-faq-toggle\">\n\t<i\n\t\tclass=\"fa cfbk-faq-toggle-icon fa-plus\"\n\t\tdata-icon-inactive=\"fa-plus\"\n\t\tdata-icon-active=\"fa-minus\"\n\t><\/i>\n<\/span>\n<\/div>\n\t\t<div class=\"cfbk-faq-content-wrap\" style=\"display:none;\">\n\t<div class=\"cfbk-faq-content\">\n\t\t<p>Not at all. Everything is managed visually from the block editor&#8217;s sidebar.<\/p>\n\t<\/div>\n<\/div>\n\t<\/div>\n\t\t<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Accent Border Template Rounded Card Template Sidebar Highlight Template Pill Badge Template Boxed List Template<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","footnotes":""},"class_list":["post-824","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.codeflist.com\/wordpress-plugins\/codeflist-block-kit\/wp-json\/wp\/v2\/pages\/824","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.codeflist.com\/wordpress-plugins\/codeflist-block-kit\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.codeflist.com\/wordpress-plugins\/codeflist-block-kit\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.codeflist.com\/wordpress-plugins\/codeflist-block-kit\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.codeflist.com\/wordpress-plugins\/codeflist-block-kit\/wp-json\/wp\/v2\/comments?post=824"}],"version-history":[{"count":1,"href":"https:\/\/demo.codeflist.com\/wordpress-plugins\/codeflist-block-kit\/wp-json\/wp\/v2\/pages\/824\/revisions"}],"predecessor-version":[{"id":843,"href":"https:\/\/demo.codeflist.com\/wordpress-plugins\/codeflist-block-kit\/wp-json\/wp\/v2\/pages\/824\/revisions\/843"}],"wp:attachment":[{"href":"https:\/\/demo.codeflist.com\/wordpress-plugins\/codeflist-block-kit\/wp-json\/wp\/v2\/media?parent=824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}