
Julian Galluzzo
InvestKit FAQs Section
A dark mode FAQs section with native Bricks Builder accordions!
Copy component
Download JSON

{"content":[{"id":"xurumx","name":"section","parent":0,"children":["agihxx"],"settings":{"_cssGlobalClasses":["upnjxa"]},"label":"FAQ"},{"id":"agihxx","name":"container","parent":"xurumx","children":["bjkhfe","dserab"],"settings":[]},{"id":"bjkhfe","name":"block","parent":"agihxx","children":["jvingc","bkidri","tvpqxm"],"settings":{"_cssGlobalClasses":["fgspxo"]},"label":"Header Wrap"},{"id":"jvingc","name":"icon","parent":"bjkhfe","children":[],"settings":{"icon":{"library":"svg","svg":{"id":32,"filename":"Group-54.svg","url":"https://investkit-ui.local/wp-content/uploads/2025/03/Group-54.svg"},"height":"30","width":"30"},"_cssGlobalClasses":["shswkx"]},"themeStyles":[]},{"id":"bkidri","name":"heading","parent":"bjkhfe","children":[],"settings":{"text":"FAQs","tag":"h2","_cssGlobalClasses":["nvamro"],"_margin":{"bottom":"15"}}},{"id":"tvpqxm","name":"text-basic","parent":"bjkhfe","children":[],"settings":{"text":"Get started for free with no contracts, trials, or hidden fees—no strings attached.","_cssGlobalClasses":["fjolnv"],"_widthMax":"450"},"label":"Paragraph"},{"id":"dserab","name":"accordion-nested","parent":"agihxx","children":["boakcs"],"settings":{"titleHeight":"50px","_cssGlobalClasses":["oowwgt"]}},{"id":"boakcs","name":"block","parent":"dserab","children":["bhaawx","xwhbep","szlfaq","ytxfjj","ruzgke"],"settings":{"_cssGlobalClasses":["rgzodb"]},"label":"Wrap"},{"id":"bhaawx","name":"block","parent":"boakcs","children":["iicrci","frosia"],"settings":{"_cssGlobalClasses":["uhyitc"]},"label":"Item"},{"id":"iicrci","name":"block","parent":"bhaawx","children":["fpzadi","kavdjd"],"settings":{"_alignItems":"center","_direction":"row","_justifyContent":"space-between","_hidden":{"_cssClasses":"accordion-title-wrapper"},"_cssGlobalClasses":["hatdqy"]},"label":"Title"},{"id":"fpzadi","name":"heading","parent":"iicrci","children":[],"settings":{"text":"How do I change my password?","tag":"h3","_cssGlobalClasses":["lctyvr"]}},{"id":"kavdjd","name":"icon","parent":"iicrci","children":[],"settings":{"icon":{"library":"themify","icon":"ti-plus"},"iconSize":"1em"}},{"id":"frosia","name":"block","parent":"bhaawx","children":["xkubmq"],"settings":{"_hidden":{"_cssClasses":"accordion-content-wrapper"},"_cssGlobalClasses":["ywqxoz"]},"label":"Content"},{"id":"xkubmq","name":"text","parent":"frosia","children":[],"settings":{"text":"Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.","_cssGlobalClasses":["fjolnv"]}},{"id":"xwhbep","name":"block","parent":"boakcs","children":["hvrcwf","jskgxs"],"settings":{"_cssGlobalClasses":["uhyitc"]},"label":"Item"},{"id":"hvrcwf","name":"block","parent":"xwhbep","children":["ypiayx","rklcry"],"settings":{"_alignItems":"center","_direction":"row","_justifyContent":"space-between","_hidden":{"_cssClasses":"accordion-title-wrapper"},"_cssGlobalClasses":["hatdqy"]},"label":"Title"},{"id":"ypiayx","name":"heading","parent":"hvrcwf","children":[],"settings":{"text":"When will I receive my changed ATM PIN?","tag":"h3","_cssGlobalClasses":["lctyvr"]}},{"id":"rklcry","name":"icon","parent":"hvrcwf","children":[],"settings":{"icon":{"library":"themify","icon":"ti-plus"},"iconSize":"1em"}},{"id":"jskgxs","name":"block","parent":"xwhbep","children":["wrddwq"],"settings":{"_hidden":{"_cssClasses":"accordion-content-wrapper"},"_cssGlobalClasses":["ywqxoz"]},"label":"Content"},{"id":"wrddwq","name":"text","parent":"jskgxs","children":[],"settings":{"text":"Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.","_cssGlobalClasses":["fjolnv"]}},{"id":"szlfaq","name":"block","parent":"boakcs","children":["xrdtbd","nzyiwl"],"settings":{"_cssGlobalClasses":["uhyitc"]},"label":"Item"},{"id":"xrdtbd","name":"block","parent":"szlfaq","children":["rikkgf","umppgr"],"settings":{"_alignItems":"center","_direction":"row","_justifyContent":"space-between","_hidden":{"_cssClasses":"accordion-title-wrapper"},"_cssGlobalClasses":["hatdqy"]},"label":"Title"},{"id":"rikkgf","name":"heading","parent":"xrdtbd","children":[],"settings":{"text":"Can chip credit cards be used anywhere?","tag":"h3","_cssGlobalClasses":["lctyvr"]}},{"id":"umppgr","name":"icon","parent":"xrdtbd","children":[],"settings":{"icon":{"library":"themify","icon":"ti-plus"},"iconSize":"1em"}},{"id":"nzyiwl","name":"block","parent":"szlfaq","children":["oxldmx"],"settings":{"_hidden":{"_cssClasses":"accordion-content-wrapper"},"_cssGlobalClasses":["ywqxoz"]},"label":"Content"},{"id":"oxldmx","name":"text","parent":"nzyiwl","children":[],"settings":{"text":"Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.","_cssGlobalClasses":["fjolnv"]}},{"id":"ytxfjj","name":"block","parent":"boakcs","children":["brvqpd","jqahjp"],"settings":{"_cssGlobalClasses":["uhyitc"]},"label":"Item"},{"id":"brvqpd","name":"block","parent":"ytxfjj","children":["mxvgkh","istoph"],"settings":{"_alignItems":"center","_direction":"row","_justifyContent":"space-between","_hidden":{"_cssClasses":"accordion-title-wrapper"},"_cssGlobalClasses":["hatdqy"]},"label":"Title"},{"id":"mxvgkh","name":"heading","parent":"brvqpd","children":[],"settings":{"text":"Can I make a deposit by mail?","tag":"h3","_cssGlobalClasses":["lctyvr"]}},{"id":"istoph","name":"icon","parent":"brvqpd","children":[],"settings":{"icon":{"library":"themify","icon":"ti-plus"},"iconSize":"1em"}},{"id":"jqahjp","name":"block","parent":"ytxfjj","children":["elomdy"],"settings":{"_hidden":{"_cssClasses":"accordion-content-wrapper"},"_cssGlobalClasses":["ywqxoz"]},"label":"Content"},{"id":"elomdy","name":"text","parent":"jqahjp","children":[],"settings":{"text":"Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.","_cssGlobalClasses":["fjolnv"]}},{"id":"ruzgke","name":"block","parent":"boakcs","children":["frvqog","epxwcl"],"settings":{"_cssGlobalClasses":["uhyitc"]},"label":"Item"},{"id":"frvqog","name":"block","parent":"ruzgke","children":["jxeege","wetsrn"],"settings":{"_alignItems":"center","_direction":"row","_justifyContent":"space-between","_hidden":{"_cssClasses":"accordion-title-wrapper"},"_cssGlobalClasses":["hatdqy"]},"label":"Title"},{"id":"jxeege","name":"heading","parent":"frvqog","children":[],"settings":{"text":"How do I activate my debit card?","tag":"h3","_cssGlobalClasses":["lctyvr"]}},{"id":"wetsrn","name":"icon","parent":"frvqog","children":[],"settings":{"icon":{"library":"themify","icon":"ti-plus"},"iconSize":"1em"}},{"id":"epxwcl","name":"block","parent":"ruzgke","children":["bdcmnx"],"settings":{"_hidden":{"_cssClasses":"accordion-content-wrapper"},"_cssGlobalClasses":["ywqxoz"]},"label":"Content"},{"id":"bdcmnx","name":"text","parent":"epxwcl","children":[],"settings":{"text":"Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.","_cssGlobalClasses":["fjolnv"]}}],"source":"bricksCopiedElements","sourceUrl":"https://investkit-ui.local","version":"1.12.3","globalClasses":[{"id":"upnjxa","name":"section-default","settings":{"_background":{"color":{"hex":"#153236","id":"owxrer","name":"Color #1"}},"_typography":{"color":{"hex":"#ffffff","id":"xtezot","name":"Color #2"},"font-family":"Inter"},"_padding":{"bottom":"75","top":"75","left":"5%","right":"5%"}}},{"id":"fgspxo","name":"header-wrap--center","settings":{"_widthMax":"600","_alignSelf":"center","_justifyContent":"center","_alignItems":"center","_typography":{"text-align":"center"},"_margin":{"bottom":"50"}}},{"id":"shswkx","name":"swirl-icon","settings":{"_margin":{"bottom":"20"},"iconSize":"30"}},{"id":"nvamro","name":"h2","settings":{"_typography":{"font-family":"Bricolage Grotesque","font-size":"45","line-height":"50px","font-weight":"700"},"_typography:mobile_portrait":{"font-size":"40","line-height":"45px"}}},{"id":"fjolnv","name":"paragraph","settings":{"_opacity":"0.7"}},{"id":"oowwgt","name":"faq__accordion","settings":{"_widthMax":"900","_margin":{"left":"auto","right":"auto"}}},{"id":"rgzodb","name":"faq__wrap","settings":{"_rowGap":"15"}},{"id":"uhyitc","name":"faq__item","settings":{"_background":{"color":{"hex":"#1a393e","id":"cvszxc","name":"Color #4"}},"_overflow":"clip","_border":{"radius":{"top":"7","right":"7","bottom":"7","left":"7"}}}},{"id":"hatdqy","name":"faq__title","settings":{"_padding":{"bottom":"20","top":"20","left":"20","right":"20"}}},{"id":"lctyvr","name":"faq__heading","settings":{"_typography":{"font-size":"18","font-family":"Bricolage Grotesque","font-weight":"400"}}},{"id":"ywqxoz","name":"faq__content","settings":{"_padding":{"left":"20","right":"20","top":"0","bottom":"15"}}}],"globalElements":[]}
Similar components


Akshay Joshi
Estatein kit – FAQ Slider
FAQ slider with fraction pagination (Needed Estatein — Fraction Pagination JS Code)


Julian Galluzzo
Beige FAQs Section
Animated accordions made to be FAQs - from our 2025 Online Course Template!