{"id":7320,"date":"2024-02-10T01:28:04","date_gmt":"2024-02-10T01:28:04","guid":{"rendered":"https:\/\/essentials.pixfort.com\/knowledge-base\/?p=7320"},"modified":"2024-02-13T03:36:20","modified_gmt":"2024-02-13T03:36:20","slug":"add-and-customize-accordions","status":"publish","type":"post","link":"https:\/\/essentials.pixfort.com\/knowledge-base\/add-and-customize-accordions\/","title":{"rendered":"Add and customize Accordions"},"content":{"rendered":"
[vc_row pix_particles_check=”” css=”.vc_custom_1595863122438{padding-top: 20px !important;}”][vc_column][vc_column_text]In order to add an Accordion<\/strong><\/a> to your page, you can either import one of the available premade Accordion templates using pixfort Templates<\/strong><\/a>, or you can create your own Accordion using the Accordion element in the page builder you’re using.[\/vc_column_text]
<\/defs> <\/path> <\/rect> <\/path> <\/g> <\/svg><\/div><\/div>
Importing premade Accordions in pixfort Templates<\/h5>
<\/div><\/div><\/div>[vc_column_text]You can easily import a premade Accordion templates using pixfort Templates in the page builder you’re using. For detailed information on how to access pixfort Templates you can check this article:\r\n\r\nhttps:\/\/essentials.pixfort.com\/knowledge-base\/pixfort-templates\/[\/vc_column_text][\/vc_column][\/vc_row][vc_row pix_particles_check=”” css=”.vc_custom_1611260572672{padding-top: 25px !important;}”][vc_column][vc_column_text css=”.vc_custom_1662006204631{border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 20px !important;padding-right: 20px !important;padding-bottom: 20px !important;padding-left: 20px !important;border-left-color: rgba(0,0,0,0.05) !important;border-left-style: dashed !important;border-right-color: rgba(0,0,0,0.05) !important;border-right-style: dashed !important;border-top-color: rgba(0,0,0,0.05) !important;border-top-style: dashed !important;border-bottom-color: rgba(0,0,0,0.05) !important;border-bottom-style: dashed !important;border-radius: 10px !important;}” el_class=”d-none”]\"\"Important: <\/strong>Tabs are custom pixfort element in WPBakery. At the moment Elementor doesn\u2019t support nested elements inside tabs, however, it has simple version of the tabs element.\r\nView Tabs Element page<\/strong><\/a>[\/vc_column_text]
<\/defs> <\/path> <\/path> <\/g> <\/svg><\/div><\/div>
Create Accordions from scratch<\/h5>
<\/div><\/div><\/div>[vc_column_text]You can add the Accordion element to your page from the elements list inside the page builder you’re using, after that you can edit the Accordion as following:[\/vc_column_text]
\"Using<\/div>
Using WPBakery<\/h5>
<\/div><\/div><\/div>[vc_column_text]Below we’re using WPBakery Front-End editor, the same process applies to the Backend editor.<\/strong>\r\n\r\nUseful information:\r\n