![\"\"](\"https:\/\/docs.redsun.design\/coffeebean\/wp-content\/uploads\/sites\/2\/2020\/08\/Screenshot-2020-08-25-at-12.35.06-1024x559.png\")
<\/figure><\/div>\n\n\n\nStep 1: Create the Page<\/h4>\n\n\n\n- Click Pages \u2192 Add New<\/strong>.<\/li>
- You can give this page a title, eg. \u201cFAQ\u201d.<\/li>
- Optionally set the page width to narrow:
Look for Page Attributes<\/strong> on the right side and click on the Template<\/strong> drop-down menu. Make sure \u201cDefault Template\u201d is selected.
Look for Page Settings<\/strong> on the right side and select Page Width Narrow (700px) <\/li><\/ul>\n\n\n\nStep 2: Add a Question<\/h4>\n\n\n\n- Click \u2295 to add a new block<\/a><\/li>
- Select the Paragraph<\/strong> block and enter the question text.<\/li>
- In the right sidebar, click Block<\/strong><\/li>
- Open the Advanced Tab. Into the field Additional CSS class(es)<\/strong> add “question”<\/li><\/ol>\n\n\n\n
![\"\"](\"https:\/\/docs.redsun.design\/coffeebean\/wp-content\/uploads\/sites\/2\/2020\/08\/Screenshot-2020-08-25-at-13.17.35.png\")
<\/figure><\/div>\n\n\n\nStep 3: Add an Answer<\/h4>\n\n\n\n- Click \u2295 to add a new block<\/a><\/li>
- Select a block, for example the Paragraph<\/strong> block. You can also group multiple blocks<\/a>, for example paragraphs, lists and images.<\/li>
- Into the field Additional CSS class(es)<\/strong> of the block or group, add “answer”<\/li><\/ol>\n\n\n\n
![\"\"](\"https:\/\/docs.redsun.design\/coffeebean\/wp-content\/uploads\/sites\/2\/2020\/08\/Screenshot-2020-08-25-at-13.50.39-1.png\")
<\/figure><\/div>\n\n\n\n<\/p>\n","protected":false},"excerpt":{"rendered":"Display a list of questions that reveal the answers when you click on them. Step 1: Create the Page Click Pages \u2192 Add New.You can give this page a title, eg. \u201cFAQ\u201d.Optionally set ...","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":16,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-528","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages\/528","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/comments?post=528"}],"version-history":[{"count":0,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages\/528\/revisions"}],"wp:attachment":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/media?parent=528"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Look for Page Attributes<\/strong> on the right side and click on the Template<\/strong> drop-down menu. Make sure \u201cDefault Template\u201d is selected.
Look for Page Settings<\/strong> on the right side and select Page Width Narrow (700px) <\/li><\/ul>\n\n\n\n
Step 2: Add a Question<\/h4>\n\n\n\n- Click \u2295 to add a new block<\/a><\/li>
- Select the Paragraph<\/strong> block and enter the question text.<\/li>
- In the right sidebar, click Block<\/strong><\/li>
- Open the Advanced Tab. Into the field Additional CSS class(es)<\/strong> add “question”<\/li><\/ol>\n\n\n\n
<\/figure><\/div>\n\n\n\nStep 3: Add an Answer<\/h4>\n\n\n\n- Click \u2295 to add a new block<\/a><\/li>
- Select a block, for example the Paragraph<\/strong> block. You can also group multiple blocks<\/a>, for example paragraphs, lists and images.<\/li>
- Into the field Additional CSS class(es)<\/strong> of the block or group, add “answer”<\/li><\/ol>\n\n\n\n
<\/figure><\/div>\n\n\n\n<\/p>\n","protected":false},"excerpt":{"rendered":"Display a list of questions that reveal the answers when you click on them. Step 1: Create the Page Click Pages \u2192 Add New.You can give this page a title, eg. \u201cFAQ\u201d.Optionally set ...","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":16,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-528","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages\/528","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/comments?post=528"}],"version-history":[{"count":0,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages\/528\/revisions"}],"wp:attachment":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/media?parent=528"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/figure><\/div>\n\n\n\nStep 3: Add an Answer<\/h4>\n\n\n\n- Click \u2295 to add a new block<\/a><\/li>
- Select a block, for example the Paragraph<\/strong> block. You can also group multiple blocks<\/a>, for example paragraphs, lists and images.<\/li>
- Into the field Additional CSS class(es)<\/strong> of the block or group, add “answer”<\/li><\/ol>\n\n\n\n
<\/figure><\/div>\n\n\n\n<\/p>\n","protected":false},"excerpt":{"rendered":"Display a list of questions that reveal the answers when you click on them. Step 1: Create the Page Click Pages \u2192 Add New.You can give this page a title, eg. \u201cFAQ\u201d.Optionally set ...","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":16,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-528","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages\/528","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/comments?post=528"}],"version-history":[{"count":0,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages\/528\/revisions"}],"wp:attachment":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/media?parent=528"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/figure><\/div>\n\n\n\n<\/p>\n","protected":false},"excerpt":{"rendered":"Display a list of questions that reveal the answers when you click on them. Step 1: Create the Page Click Pages \u2192 Add New.You can give this page a title, eg. \u201cFAQ\u201d.Optionally set ...","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":16,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-528","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages\/528","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/comments?post=528"}],"version-history":[{"count":0,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages\/528\/revisions"}],"wp:attachment":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/media?parent=528"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}