{"id":157355,"date":"2025-12-17T17:50:54","date_gmt":"2025-12-17T15:50:54","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=157355"},"modified":"2025-12-17T18:00:52","modified_gmt":"2025-12-17T16:00:52","slug":"tabs-element","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/tabs-element\/","title":{"rendered":"Tabs Element"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"157355\" class=\"elementor elementor-157355\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25a75ee6 e-flex e-con-boxed e-con e-parent\" data-id=\"25a75ee6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60f19fc1 elementor-widget elementor-widget-text-editor\" data-id=\"60f19fc1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><div class=\"hbox callout-default\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Who can use this feature:<\/strong>\n                    <div class=\"hcontent\">This article is for Editor v4 users. If you&#8217;re using Editor v3, check out the relevant article here: <a href=\"https:\/\/elementor.com\/help\/image-widget\/\">Image widget<\/a><\/div>\n                <\/div>\n            <\/div><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e971972 elementor-widget elementor-widget-heading\" data-id=\"6e971972\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add and delete the element<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1527819 e-flex e-con-boxed e-con e-child\" data-id=\"1527819\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3426ae4d elementor-widget elementor-widget-image\" data-id=\"3426ae4d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"268\" height=\"178\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/The-widget.png\" class=\"attachment-medium size-medium wp-image-157357\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7eca0e3b elementor-widget elementor-widget-n-accordion\" data-id=\"7eca0e3b\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2120\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2120\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Add the element to the canvas <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2120\" class=\"elementor-element elementor-element-71225c66 e-con-full e-flex e-con e-child\" data-id=\"71225c66\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fca624b elementor-widget elementor-widget-text-editor\" data-id=\"7fca624b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-renderer-start-pos=\"122\"><strong data-renderer-mark=\"true\">To access and use a widget:<\/strong><\/p><ol class=\"ak-ol\" start=\"1\" data-indent-level=\"1\"><li><p data-renderer-start-pos=\"153\">In Elementor Editor, click +. <br \/>All available widgets are displayed.<\/p><\/li><li><p data-renderer-start-pos=\"224\">Click or drag the widget to the canvas. <span>For more information, see <\/span><a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\"><span>Add elements to a page<\/span><\/a><span>.<\/span><\/p><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2121\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2121\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Delete the element <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2121\" class=\"elementor-element elementor-element-44969e8e e-con-full e-flex e-con e-child\" data-id=\"44969e8e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64a505a5 elementor-widget elementor-widget-text-editor\" data-id=\"64a505a5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-renderer-start-pos=\"224\"><strong>To delete the widget<\/strong>:<\/p><ol class=\"wp-block-list\"><li>On the canvas, select the element by clicking it.<\/li><li>Press the delete key on your keyboard. For more information, see <a href=\"https:\/\/elementor.com\/help\/how-to-delete-a-widget\/\">Delete elements from a page<\/a>.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5fae2d8b e-flex e-con-boxed e-con e-parent\" data-id=\"5fae2d8b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5536872a elementor-widget elementor-widget-heading\" data-id=\"5536872a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What is the Tabs element? \n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75e2ae7 elementor-widget elementor-widget-text-editor\" data-id=\"75e2ae7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">The Tabs element lets you build a webpage which allows visitors to easily switch between different content displays. It allows you to present visitors with more content in less space.<\/span><\/p><p><span style=\"font-weight: 400;\"><a href=\"#settings\">See all the options available with the Tabs element.\u00a0\u00a0<\/a><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fd3d1ef elementor-widget elementor-widget-heading\" data-id=\"7fd3d1ef\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Common use case\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45f57c9f elementor-widget elementor-widget-text-editor\" data-id=\"45f57c9f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Alex is building a website for a chain of cafes. On the site&#8217;s home page they want to use the Tabs element to create a content area for each of the branches.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b67c627 elementor-widget elementor-widget-image\" data-id=\"2b67c627\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"455\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-result-scaled-1-1024x583.png\" class=\"attachment-large size-large wp-image-57280\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-result-scaled-1-1024x583.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-result-scaled-1-300x171.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-result-scaled-1-768x437.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-result-scaled-1-1536x875.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-result-scaled-1-2048x1166.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ab5fbdc elementor-widget elementor-widget-text-editor\" data-id=\"5ab5fbdc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3><strong>Additional use cases\u00a0<\/strong><\/h3><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\">FAQs<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\">A news site where you want to display different categories of news in each tab.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\">Tabs that describe, and link to, different sections of your website.<\/span><span style=\"font-weight: 400;\">\u00a0journey.<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7bb6955a e-flex e-con-boxed e-con e-parent\" data-id=\"7bb6955a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69cf6e3e elementor-widget elementor-widget-heading\" data-id=\"69cf6e3e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add a Tabs element: Step-by-step<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-636d62d e-flex e-con-boxed e-con e-parent\" data-id=\"636d62d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6adf6dba elementor-widget elementor-widget-text-editor\" data-id=\"6adf6dba\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Add the Tabs element to the canvas. For details, see <\/span><a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\"><span style=\"font-weight: 400;\">Add elements to a page<\/span><\/a><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">.<br \/>The options for the Image element appear in the left panel.<br \/><img decoding=\"async\" class=\"alignnone wp-image-157741 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/1-The-options-appear-in-the-panel-1-scaled.png\" alt=\"\" width=\"2560\" height=\"1113\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/1-The-options-appear-in-the-panel-1-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/1-The-options-appear-in-the-panel-1-300x130.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/1-The-options-appear-in-the-panel-1-1024x445.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/1-The-options-appear-in-the-panel-1-768x334.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/1-The-options-appear-in-the-panel-1-1536x668.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/1-The-options-appear-in-the-panel-1-2048x890.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><br \/>By default, the Tabs widget has three tabs. You can add or delete tabs by using the controls on the panel. For details see the <a href=\"#settings\">Settings<\/a> section below.\u00a0<br \/>For this example, our chain has three branches &#8211; <strong>Downtown<\/strong>, <strong>University<\/strong> and <strong>West End<\/strong>.<br \/><\/span><\/span><\/span><p>With the Tabs widget, each tab can have its own style and content. For this example, we&#8217;ll give each tab a unique name and background.<\/p><\/li><li aria-level=\"1\">To make our navigation easier, let&#8217;s change the names of the tab triggers. This will not affect the name that appears to visitors. Click the field labelled <strong>Tab 1 trigger<\/strong>.<\/li><li aria-level=\"1\">In the name field, change the name to <strong>University<\/strong>.<br \/><div class=\"hbox callout-note\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.36581 2.36386C3.86061 0.869064 5.88798 0.0292969 8.00194 0.0292969C10.1159 0.0292969 12.1433 0.869064 13.6381 2.36386C15.1329 3.85865 15.9726 5.88603 15.9726 7.99999C15.9726 10.1139 15.1329 12.1413 13.6381 13.6361C12.1433 15.1309 10.1159 15.9707 8.00194 15.9707C5.88798 15.9707 3.86061 15.1309 2.36581 13.6361C0.871017 12.1413 0.03125 10.1139 0.03125 7.99999C0.03125 5.88603 0.871017 3.85865 2.36581 2.36386ZM8.00194 1.5293C6.28581 1.5293 4.63996 2.21103 3.42647 3.42452C2.21298 4.63801 1.53125 6.28385 1.53125 7.99999C1.53125 9.71612 2.21298 11.362 3.42647 12.5755C4.63996 13.7889 6.28581 14.4707 8.00194 14.4707C9.71807 14.4707 11.3639 13.7889 12.5774 12.5755C13.7909 11.362 14.4726 9.71612 14.4726 7.99999C14.4726 6.28385 13.7909 4.63801 12.5774 3.42452C11.3639 2.21103 9.71807 1.5293 8.00194 1.5293ZM8.00194 7.25002C8.41616 7.25002 8.75194 7.58581 8.75194 8.00002V11.6104C8.75194 12.0246 8.41616 12.3604 8.00194 12.3604C7.58773 12.3604 7.25194 12.0246 7.25194 11.6104V8.00002C7.25194 7.58581 7.58773 7.25002 8.00194 7.25002ZM7.54165 4.09316C7.7077 3.9822 7.90293 3.92298 8.10265 3.92298C8.37045 3.92298 8.62729 4.02937 8.81666 4.21874C9.00603 4.40811 9.11242 4.66495 9.11242 4.93275C9.11242 5.13246 9.0532 5.32769 8.94224 5.49375C8.83128 5.65981 8.67358 5.78923 8.48907 5.86566C8.30456 5.94208 8.10153 5.96208 7.90565 5.92312C7.70978 5.88416 7.52986 5.78799 7.38863 5.64677C7.24741 5.50554 7.15124 5.32562 7.11228 5.12975C7.07332 4.93387 7.09331 4.73084 7.16974 4.54633C7.24617 4.36182 7.37559 4.20412 7.54165 4.09316Z\" fill=\"black\"\/>\n\t\t\t\t  <\/svg><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Note<\/strong>\n                    <div class=\"hcontent\">This is also where you can use the <strong>Default<\/strong> toggle to set which tab will be open when visitors first view the page.<\/div>\n                <\/div>\n            <\/div><br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-157748 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/2-tab-trigger-gif.gif\" alt=\"\" width=\"302\" height=\"366\" \/><\/li><li aria-level=\"1\">Change the names of the other two tabs to <strong>Downtown<\/strong> and <strong>West End<\/strong>.\u00a0<\/li><li aria-level=\"1\">Click the center of <strong>Tab 1<\/strong>. This opens a paragraph element inside the tab.\u00a0<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-157393 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/2-Click-inside-the-tab.png\" alt=\"\" width=\"1386\" height=\"708\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/2-Click-inside-the-tab.png 1386w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/2-Click-inside-the-tab-300x153.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/2-Click-inside-the-tab-1024x523.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/2-Click-inside-the-tab-768x392.png 768w\" sizes=\"(max-width: 1386px) 100vw, 1386px\" \/><br \/><div class=\"hbox callout-tip\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.81081 10.2763C7.65275 10.4075 7.48976 10.5147 7.34144 10.5645V14.5885C7.34144 15.1512 7.51291 15.6587 7.81081 16.0362C8.13909 16.4522 8.6209 16.7102 9.19595 16.7102H14.4498C14.6563 16.7102 14.864 16.6229 15.0097 16.47C15.1336 16.339 15.1956 16.1425 15.1956 15.969C15.1956 15.8137 15.1543 15.6609 15.0705 15.5529C14.9466 15.3564 14.9259 15.1368 15.0097 14.9172C15.0923 14.7001 15.2782 14.5678 15.4847 14.523C15.8163 14.4587 16.0641 14.1517 16.0641 13.8023C16.0641 13.6495 16.024 13.4954 15.9184 13.3644C15.7945 13.2116 15.7544 13.015 15.7945 12.8185C15.8358 12.6208 15.9609 12.4667 16.1261 12.3806C16.3739 12.2495 16.5197 12.0081 16.4979 11.7242C16.4979 11.4173 16.3338 11.1553 16.0641 11.0461C15.8358 10.9575 15.6912 10.761 15.6706 10.5208C15.6499 10.2806 15.7544 10.0404 15.9402 9.90818C16.1468 9.75533 16.2707 9.49208 16.25 9.23004C16.2099 8.87945 15.8565 8.57495 15.5054 8.57495H12.6496C12.4029 8.57495 12.1539 8.44272 11.9887 8.24619C11.8234 8.02661 11.7408 7.76458 11.7821 7.50254L11.968 5.97156C12.0105 5.68648 11.9887 5.44627 11.9474 5.24975C11.8604 4.86298 11.6743 4.5227 11.4199 4.25834C11.4037 4.2415 11.3873 4.22496 11.3705 4.20874C11.2043 4.04785 11.0117 3.91803 10.8003 3.82674C10.5734 3.72871 10.3249 3.6751 10.0645 3.6751C10.0232 3.6751 9.9819 3.69693 9.96125 3.71877C9.9406 3.74061 9.91994 3.78307 9.91994 3.82674V5.62097C9.91994 6.60603 9.65031 7.56805 9.15464 8.39904L8.43065 9.62431C8.28202 9.81913 8.05216 10.0758 7.81081 10.2763ZM7.29743 8.55468C6.93743 8.14003 6.41882 7.87983 5.84234 7.87983H3.96847C2.88131 7.87983 2 8.80521 2 9.94672V16.8332C2 17.9747 2.88131 18.9001 3.96847 18.9001H5.84234C6.5794 18.9001 7.22185 18.4748 7.55919 17.8451C8.02476 18.123 8.57465 18.2852 9.19595 18.2852H14.4498C15.0398 18.2852 15.6331 18.0424 16.0699 17.5843L16.074 17.5799C16.5266 17.1014 16.6956 16.4782 16.6956 15.969C16.6956 15.869 16.6894 15.7619 16.6751 15.6504C17.2135 15.2293 17.5641 14.558 17.5641 13.8023C17.5641 13.6188 17.5436 13.4206 17.4936 13.2183C17.8252 12.8116 18.0284 12.2746 17.997 11.6608C17.9843 11.161 17.8207 10.6814 17.5315 10.294C17.6975 9.93388 17.7784 9.52462 17.7449 9.10014L17.7426 9.071L17.7393 9.04197C17.6637 8.38204 17.316 7.87693 16.9539 7.56046C16.5888 7.24138 16.0821 6.99995 15.5054 6.99995H13.3553L13.4537 6.18978C13.5246 5.69076 13.4855 5.25933 13.4121 4.91033L13.4097 4.89904L13.4072 4.88779C13.0448 3.27615 11.6882 2.1001 10.0645 2.1001C9.59591 2.1001 9.17905 2.31065 8.89692 2.60895C8.62401 2.8975 8.41994 3.32895 8.41994 3.82674V5.62097C8.41994 6.30383 8.23291 6.97707 7.88339 7.56305L7.29743 8.55468ZM17.0607 12.3435C17.0616 12.3447 17.0626 12.346 17.0636 12.3472L17.0607 12.3435ZM6.31081 9.94672C6.31081 9.67505 6.10107 9.45483 5.84234 9.45483H3.96847C3.70974 9.45483 3.5 9.67505 3.5 9.94672V16.8332C3.5 17.1049 3.70974 17.3251 3.96847 17.3251H5.84234C6.10107 17.3251 6.31081 17.1049 6.31081 16.8332V9.94672Z\" fill=\"black\"\/>\n\t\t\t\t  <\/svg><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Tip<\/strong>\n                    <div class=\"hcontent\">It may be easier navigating tabs by using the structure window. For details, see <a href=\"https:\/\/elementor.com\/help\/navigator\/\">Use page structure to navigate your page<\/a>.<\/div>\n                <\/div>\n            <\/div><\/li><li aria-level=\"1\">Enter <strong>University<\/strong> on the Paragraph box.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-157758 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/3-enter-university.gif\" alt=\"\" width=\"1496\" height=\"430\" \/><\/li><li aria-level=\"1\">Do the same to change the name of the other tabs to <strong>Downtown<\/strong>\u00a0and <strong>West End<\/strong>.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-157765 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/4-Change-the-tab-names-scaled.png\" alt=\"\" width=\"2560\" height=\"750\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/4-Change-the-tab-names-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/4-Change-the-tab-names-300x88.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/4-Change-the-tab-names-1024x300.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/4-Change-the-tab-names-768x225.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/4-Change-the-tab-names-1536x450.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/4-Change-the-tab-names-2048x600.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/> <br \/>Let&#8217;s add a unique background to each tab. For this example we&#8217;ll add a different image for each tab.<\/li><li aria-level=\"1\">Select the <strong>University<\/strong> tab by either hovering over the tab and clicking the icon or by clicking <b>University <\/b>in the structure window.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-157775 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/5-click-university-scaled.png\" alt=\"\" width=\"2560\" height=\"744\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/5-click-university-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/5-click-university-300x87.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/5-click-university-1024x298.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/5-click-university-768x223.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/5-click-university-1536x446.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/5-click-university-2048x595.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/li><li aria-level=\"1\">Click the <strong>Style<\/strong> tab.\u00a0<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-157782\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/6-click-Style-298x300.png\" alt=\"\" width=\"298\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/6-click-Style-298x300.png 298w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/6-click-Style-150x150.png 150w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/6-click-Style.png 612w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/li><li aria-level=\"1\">Insert and image as the\u00a0 <strong>Background<\/strong>. For details, see <a href=\"https:\/\/elementor.com\/help\/style-tab-background\/\">Style tab- Background<\/a>.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-157789 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/7-tabs-with-backgrounds-scaled.png\" alt=\"\" width=\"2560\" height=\"424\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/7-tabs-with-backgrounds-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/7-tabs-with-backgrounds-300x50.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/7-tabs-with-backgrounds-1024x169.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/7-tabs-with-backgrounds-768x127.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/7-tabs-with-backgrounds-1536x254.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/7-tabs-with-backgrounds-2048x339.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><br \/>Now let&#8217;s add content to the tab.\u00a0<\/li><li aria-level=\"1\">Select the <strong>Tab 1 Content<\/strong> area by selecting it from the structure window.\u00a0<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-157799 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/8-click-tab-1-content-area-scaled.png\" alt=\"\" width=\"2560\" height=\"769\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/8-click-tab-1-content-area-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/8-click-tab-1-content-area-300x90.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/8-click-tab-1-content-area-1024x308.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/8-click-tab-1-content-area-768x231.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/8-click-tab-1-content-area-1536x461.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/8-click-tab-1-content-area-2048x615.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/li><li aria-level=\"1\">Add a Paragraph element to the <strong>Tab 1 Content<\/strong> area. For details, see <a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\">Add elements to a page<\/a>.<\/li><li aria-level=\"1\">Add the branch details to the Paragraph element. For details, see <a href=\"https:\/\/elementor.com\/help\/paragraph-element\/\">Paragraph element<\/a>.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-157806 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/9-add-content-scaled.png\" alt=\"\" width=\"2560\" height=\"793\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/9-add-content-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/9-add-content-300x93.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/9-add-content-1024x317.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/9-add-content-768x238.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/9-add-content-1536x476.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/9-add-content-2048x634.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><br \/><div class=\"hbox callout-note\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.36581 2.36386C3.86061 0.869064 5.88798 0.0292969 8.00194 0.0292969C10.1159 0.0292969 12.1433 0.869064 13.6381 2.36386C15.1329 3.85865 15.9726 5.88603 15.9726 7.99999C15.9726 10.1139 15.1329 12.1413 13.6381 13.6361C12.1433 15.1309 10.1159 15.9707 8.00194 15.9707C5.88798 15.9707 3.86061 15.1309 2.36581 13.6361C0.871017 12.1413 0.03125 10.1139 0.03125 7.99999C0.03125 5.88603 0.871017 3.85865 2.36581 2.36386ZM8.00194 1.5293C6.28581 1.5293 4.63996 2.21103 3.42647 3.42452C2.21298 4.63801 1.53125 6.28385 1.53125 7.99999C1.53125 9.71612 2.21298 11.362 3.42647 12.5755C4.63996 13.7889 6.28581 14.4707 8.00194 14.4707C9.71807 14.4707 11.3639 13.7889 12.5774 12.5755C13.7909 11.362 14.4726 9.71612 14.4726 7.99999C14.4726 6.28385 13.7909 4.63801 12.5774 3.42452C11.3639 2.21103 9.71807 1.5293 8.00194 1.5293ZM8.00194 7.25002C8.41616 7.25002 8.75194 7.58581 8.75194 8.00002V11.6104C8.75194 12.0246 8.41616 12.3604 8.00194 12.3604C7.58773 12.3604 7.25194 12.0246 7.25194 11.6104V8.00002C7.25194 7.58581 7.58773 7.25002 8.00194 7.25002ZM7.54165 4.09316C7.7077 3.9822 7.90293 3.92298 8.10265 3.92298C8.37045 3.92298 8.62729 4.02937 8.81666 4.21874C9.00603 4.40811 9.11242 4.66495 9.11242 4.93275C9.11242 5.13246 9.0532 5.32769 8.94224 5.49375C8.83128 5.65981 8.67358 5.78923 8.48907 5.86566C8.30456 5.94208 8.10153 5.96208 7.90565 5.92312C7.70978 5.88416 7.52986 5.78799 7.38863 5.64677C7.24741 5.50554 7.15124 5.32562 7.11228 5.12975C7.07332 4.93387 7.09331 4.73084 7.16974 4.54633C7.24617 4.36182 7.37559 4.20412 7.54165 4.09316Z\" fill=\"black\"\/>\n\t\t\t\t  <\/svg><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Note<\/strong>\n                    <div class=\"hcontent\">You can also add headings, images and any other elements to this area.<\/div>\n                <\/div>\n            <\/div><\/li><li aria-level=\"1\">Repeat this for the other tabs.<br \/>Finally, we&#8217;ll add some effects to the tabs to help with navigation and UI.\u00a0<\/li><li aria-level=\"1\">Select the <strong>University<\/strong> tab trigger.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-157816\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/10-select-the-University-tab-trigger-300x90.png\" alt=\"\" width=\"300\" height=\"90\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/10-select-the-University-tab-trigger-300x90.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/10-select-the-University-tab-trigger-1024x308.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/10-select-the-University-tab-trigger-768x231.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/10-select-the-University-tab-trigger-1536x461.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/10-select-the-University-tab-trigger-2048x615.png 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/li><li aria-level=\"1\">Delete the background image as it will interfere with these effects.<\/li><li aria-level=\"1\">Create a class called <strong>tab_colors<\/strong> with the following characteristics:<ol><li aria-level=\"1\"><strong>Hover<\/strong>:\u00a0red background<\/li><li aria-level=\"1\"><strong>Active<\/strong>: light blue background<\/li><li aria-level=\"1\"><strong>Selected<\/strong>: yellow background<br \/>For details, see <a href=\"https:\/\/elementor.com\/help\/classes-in-elementor-2\/\">Classes in Elementor<\/a> and <a href=\"https:\/\/elementor.com\/help\/element-states\/\">Element states<\/a>.<\/li><\/ol><\/li><li aria-level=\"1\">Add the class <strong>tab_colors <\/strong>to all the tab triggers<b>.<br \/><\/b> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-157826\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/11-add-class-to-trigger-300x229.png\" alt=\"\" width=\"300\" height=\"229\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/11-add-class-to-trigger-300x229.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/11-add-class-to-trigger.png 576w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><br \/><div class=\"hbox callout-note\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.36581 2.36386C3.86061 0.869064 5.88798 0.0292969 8.00194 0.0292969C10.1159 0.0292969 12.1433 0.869064 13.6381 2.36386C15.1329 3.85865 15.9726 5.88603 15.9726 7.99999C15.9726 10.1139 15.1329 12.1413 13.6381 13.6361C12.1433 15.1309 10.1159 15.9707 8.00194 15.9707C5.88798 15.9707 3.86061 15.1309 2.36581 13.6361C0.871017 12.1413 0.03125 10.1139 0.03125 7.99999C0.03125 5.88603 0.871017 3.85865 2.36581 2.36386ZM8.00194 1.5293C6.28581 1.5293 4.63996 2.21103 3.42647 3.42452C2.21298 4.63801 1.53125 6.28385 1.53125 7.99999C1.53125 9.71612 2.21298 11.362 3.42647 12.5755C4.63996 13.7889 6.28581 14.4707 8.00194 14.4707C9.71807 14.4707 11.3639 13.7889 12.5774 12.5755C13.7909 11.362 14.4726 9.71612 14.4726 7.99999C14.4726 6.28385 13.7909 4.63801 12.5774 3.42452C11.3639 2.21103 9.71807 1.5293 8.00194 1.5293ZM8.00194 7.25002C8.41616 7.25002 8.75194 7.58581 8.75194 8.00002V11.6104C8.75194 12.0246 8.41616 12.3604 8.00194 12.3604C7.58773 12.3604 7.25194 12.0246 7.25194 11.6104V8.00002C7.25194 7.58581 7.58773 7.25002 8.00194 7.25002ZM7.54165 4.09316C7.7077 3.9822 7.90293 3.92298 8.10265 3.92298C8.37045 3.92298 8.62729 4.02937 8.81666 4.21874C9.00603 4.40811 9.11242 4.66495 9.11242 4.93275C9.11242 5.13246 9.0532 5.32769 8.94224 5.49375C8.83128 5.65981 8.67358 5.78923 8.48907 5.86566C8.30456 5.94208 8.10153 5.96208 7.90565 5.92312C7.70978 5.88416 7.52986 5.78799 7.38863 5.64677C7.24741 5.50554 7.15124 5.32562 7.11228 5.12975C7.07332 4.93387 7.09331 4.73084 7.16974 4.54633C7.24617 4.36182 7.37559 4.20412 7.54165 4.09316Z\" fill=\"black\"\/>\n\t\t\t\t  <\/svg><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Note<\/strong>\n                    <div class=\"hcontent\">Now when you roll over or select tabs they will change color. The <strong>Active<\/strong> color may be difficult to detect as it only applies to the moment visitors click on the tab.<\/div>\n                <\/div>\n            <\/div><br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-157836 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/12-tab-color-results.gif\" alt=\"\" width=\"1032\" height=\"432\" \/><br \/>Now let&#8217;s look at how the tabs would look if they were in a vertical, accordion style layout.\u00a0<\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select the Tabs widget.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click the <strong>Style<\/strong> tab.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open the <strong>Layout<\/strong> section.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-158012 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/20-select-layout-scaled.png\" alt=\"\" width=\"2560\" height=\"839\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/20-select-layout-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/20-select-layout-300x98.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/20-select-layout-1024x335.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/20-select-layout-768x252.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/20-select-layout-1536x503.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/20-select-layout-2048x671.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><br \/><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Change the tabs to Row.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-158019 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/21-select-row-scaled.png\" alt=\"\" width=\"2560\" height=\"951\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/21-select-row-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/21-select-row-300x111.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/21-select-row-1024x380.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/21-select-row-768x285.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/21-select-row-1536x571.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/21-select-row-2048x761.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><br \/><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select <strong>Tabs menu<\/strong>.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-158026 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/22-select-tabs-menu-scaled.png\" alt=\"\" width=\"2560\" height=\"951\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/22-select-tabs-menu-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/22-select-tabs-menu-300x111.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/22-select-tabs-menu-1024x380.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/22-select-tabs-menu-768x285.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/22-select-tabs-menu-1536x571.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/22-select-tabs-menu-2048x761.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><br \/><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Change <strong>Tabs Menu<\/strong> to column.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-158033 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/23-change-the-setting-to-column-scaled.png\" alt=\"\" width=\"2560\" height=\"937\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/23-change-the-setting-to-column-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/23-change-the-setting-to-column-300x110.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/23-change-the-setting-to-column-1024x375.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/23-change-the-setting-to-column-768x281.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/23-change-the-setting-to-column-1536x562.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/23-change-the-setting-to-column-2048x749.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><br \/><\/span>The tabs are complete.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c1aa36 e-flex e-con-boxed e-con e-parent\" data-id=\"1c1aa36\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61c24f9a elementor-widget elementor-widget-heading\" data-id=\"61c24f9a\" data-element_type=\"widget\" id=\"settings\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Settings for the Tabs element\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1827631 elementor-widget elementor-widget-text-editor\" data-id=\"1827631\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"sc-jMbUWg fdTPyi\">You can customize your elements using content and style, offering you great flexibility in tailoring them to your needs. Click the tabs below to see all the settings available for this element.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38b4d628 elementor-widget__width-auto e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"38b4d628\" data-element_type=\"widget\" data-settings=\"{&quot;tabs_justify_horizontal&quot;:&quot;start&quot;,&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"951375400\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-9513754001\" data-tab-title-id=\"e-n-tab-title-9513754001\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-9513754001\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tGeneral\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-9513754002\" data-tab-title-id=\"e-n-tab-title-9513754002\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-9513754002\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tStyle\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-9513754001\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-9513754001\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-2b15edbe e-con-full e-flex e-con e-child\" data-id=\"2b15edbe\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98f27e5 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"98f27e5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"548\" height=\"1024\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/Tabs-general-tab-548x1024.png\" class=\"attachment-large size-large wp-image-157415\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/Tabs-general-tab-548x1024.png 548w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/Tabs-general-tab-161x300.png 161w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/Tabs-general-tab.png 608w\" sizes=\"(max-width: 548px) 100vw, 548px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22e4455d elementor-widget elementor-widget-n-accordion\" data-id=\"22e4455d\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-5850\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-5850\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Menu items <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-5850\" class=\"elementor-element elementor-element-22a23c0d e-con-full e-flex e-con e-child\" data-id=\"22a23c0d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4073ed99 elementor-widget elementor-widget-text-editor\" data-id=\"4073ed99\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Click the Plus sign to add a tab.<\/span><\/p><p>Click one of the Tab trigger fields to change the name of the Tab trigger.<\/p><p>Click one of tab trigger fields to use the toggle and set it as the default tab. The default tab is the tab that is open when visitors first view the page.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-5851\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-5851\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> ID <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-5851\" class=\"elementor-element elementor-element-1525777e e-con-full e-flex e-con e-child\" data-id=\"1525777e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-446b836a elementor-widget elementor-widget-text-editor\" data-id=\"446b836a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Assign an ID to the element so you can target it with custom code.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-5852\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-5852\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Attributes <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-5852\" class=\"elementor-element elementor-element-5a67e6ae e-con-full e-flex e-con e-child\" data-id=\"5a67e6ae\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61863d6f elementor-widget elementor-widget-text-editor\" data-id=\"61863d6f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Attributes<\/strong> are used by developers to target certain elements in order to customize them. For details, see <a href=\"https:\/\/elementor.com\/help\/add-and-delete-attributes\/\">Add and delete attributes<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-5853\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-5853\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Display Conditions <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-5853\" class=\"elementor-element elementor-element-7ea58ad e-con-full e-flex e-con e-child\" data-id=\"7ea58ad\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3dd509 elementor-widget elementor-widget-text-editor\" data-id=\"b3dd509\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Show or hide elements depending on different conditions. For details, see <a href=\"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/\">Show and hide elements on a page<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-9513754002\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-9513754002\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-704f5cf6 e-con-full e-flex e-con e-child\" data-id=\"704f5cf6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57b13b31 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"57b13b31\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"537\" height=\"1024\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/style-tab-537x1024.png\" class=\"attachment-large size-large wp-image-157431\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/style-tab-537x1024.png 537w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/style-tab-157x300.png 157w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/style-tab.png 610w\" sizes=\"(max-width: 537px) 100vw, 537px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24b0a428 elementor-widget elementor-widget-n-accordion\" data-id=\"24b0a428\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-6150\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-6150\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Style options <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-6150\" class=\"elementor-element elementor-element-7e8adcfa e-con-full e-flex e-con e-child\" data-id=\"7e8adcfa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dab868 elementor-widget elementor-widget-text-editor\" data-id=\"1dab868\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">See the individual articles on Style options:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-layout\"><span style=\"font-weight: 400;\">Layout<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-spacing\"><span style=\"font-weight: 400;\">Spacing<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-size\"><span style=\"font-weight: 400;\">Size<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-position\"><span style=\"font-weight: 400;\">Position<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-typography\"><span style=\"font-weight: 400;\">Typography<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-background\"><span style=\"font-weight: 400;\">Background<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-border\"><span style=\"font-weight: 400;\">Border<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-effects\"><span style=\"font-weight: 400;\">Effects<\/span><\/a><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Add and delete the element Add the element to the canvas To access and use a widget: In Elementor Editor, click +. All available widgets are displayed. Click or drag the widget to the canvas. For more information, see Add elements to a page. Delete the element To delete the widget: On the canvas, select [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1505],"tags":[],"class_list":["post-157355","post","type-post","status-publish","format-standard","hentry","category-elements"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tabs Element | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Tabs Element in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/tabs-element\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tabs Element | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Tabs Element in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/tabs-element\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-17T15:50:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-17T16:00:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/The-widget.png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/tabs-element\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/tabs-element\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Tabs Element\",\"datePublished\":\"2025-12-17T15:50:54+00:00\",\"dateModified\":\"2025-12-17T16:00:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/tabs-element\/\"},\"wordCount\":1225,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/tabs-element\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/The-widget.png\",\"articleSection\":[\"Elements\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/tabs-element\/\",\"url\":\"https:\/\/elementor.com\/help\/tabs-element\/\",\"name\":\"Tabs Element | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/tabs-element\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/tabs-element\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/The-widget.png\",\"datePublished\":\"2025-12-17T15:50:54+00:00\",\"dateModified\":\"2025-12-17T16:00:52+00:00\",\"description\":\"Learn everything about Tabs Element in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/tabs-element\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/tabs-element\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/tabs-element\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/The-widget.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/The-widget.png\",\"width\":268,\"height\":178},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/tabs-element\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Editor V4\",\"item\":\"https:\/\/elementor.com\/help\/v4-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Elements\",\"item\":\"https:\/\/elementor.com\/help\/v4-editor\/elements\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Tabs Element\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tabs Element | Elementor","description":"Learn everything about Tabs Element in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/tabs-element\/","og_locale":"en_US","og_type":"article","og_title":"Tabs Element | Elementor","og_description":"Learn everything about Tabs Element in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/tabs-element\/","og_site_name":"Help","article_published_time":"2025-12-17T15:50:54+00:00","article_modified_time":"2025-12-17T16:00:52+00:00","og_image":[{"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/The-widget.png","type":"","width":"","height":""}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/tabs-element\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/tabs-element\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Tabs Element","datePublished":"2025-12-17T15:50:54+00:00","dateModified":"2025-12-17T16:00:52+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/tabs-element\/"},"wordCount":1225,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/tabs-element\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/The-widget.png","articleSection":["Elements"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/tabs-element\/","url":"https:\/\/elementor.com\/help\/tabs-element\/","name":"Tabs Element | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/tabs-element\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/tabs-element\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/The-widget.png","datePublished":"2025-12-17T15:50:54+00:00","dateModified":"2025-12-17T16:00:52+00:00","description":"Learn everything about Tabs Element in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/tabs-element\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/tabs-element\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/tabs-element\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/The-widget.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/The-widget.png","width":268,"height":178},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/tabs-element\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Editor V4","item":"https:\/\/elementor.com\/help\/v4-editor\/"},{"@type":"ListItem","position":3,"name":"Elements","item":"https:\/\/elementor.com\/help\/v4-editor\/elements\/"},{"@type":"ListItem","position":4,"name":"Tabs Element"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/157355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=157355"}],"version-history":[{"count":25,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/157355\/revisions"}],"predecessor-version":[{"id":158046,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/157355\/revisions\/158046"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=157355"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=157355"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=157355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}