{"id":4732,"date":"2021-01-21T19:23:55","date_gmt":"2021-01-21T19:23:55","guid":{"rendered":"https:\/\/essentials.pixfort.com\/knowledge-base\/?p=4732"},"modified":"2023-03-29T20:16:58","modified_gmt":"2023-03-29T20:16:58","slug":"edit-and-customize-tabs","status":"publish","type":"post","link":"https:\/\/essentials.pixfort.com\/knowledge-base\/edit-and-customize-tabs\/","title":{"rendered":"Edit and customize Tabs"},"content":{"rendered":"
[vc_row pix_particles_check=”” css=”.vc_custom_1595863122438{padding-top: 20px !important;}”][vc_column][vc_column_text]In order to add Tabs to your page, you can either import one of the available premade Tabs templates using pixfort Templates<\/strong><\/a>, or you can create your own Tabs using the Tabs element in the page builder you’re using.[\/vc_column_text]
<\/defs> <\/path> <\/rect> <\/path> <\/g> <\/svg><\/div><\/div>
Importing premade Tabs using pixfort Templates<\/h5>
<\/div><\/div><\/div>[vc_column_text]You can easily import a premade Tabs template 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 Tabs from scratch<\/h5>
<\/div><\/div><\/div>[vc_column_text]You can add the Tabs element (Vertical and Horizontal Tabs) to your page from the elements list inside the page builder you’re using, after that you can edit the tabs 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