{"id":317,"date":"2017-02-19T04:24:06","date_gmt":"2017-02-19T04:24:06","guid":{"rendered":"http:\/\/localhost\/enfold\/documentation\/?p=317"},"modified":"2022-03-18T11:52:45","modified_gmt":"2022-03-18T11:52:45","slug":"tabs","status":"publish","type":"post","link":"https:\/\/kriesi.at\/documentation\/enfold\/tabs\/","title":{"rendered":"Tabs"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-ee4d5a2eae335630d17c836c13d2e9f3\">\n#top .av-special-heading.av-av_heading-ee4d5a2eae335630d17c836c13d2e9f3{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-av_heading-ee4d5a2eae335630d17c836c13d2e9f3 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-av_heading-ee4d5a2eae335630d17c836c13d2e9f3 .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-ee4d5a2eae335630d17c836c13d2e9f3 av-special-heading-h1 blockquote modern-quote  avia-builder-el-0  el_before_av_hr  avia-builder-el-first '><h1 class='av-special-heading-tag '  itemprop=\"headline\"  > Tab element<\/h1><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<div  class='hr av-75290t-ee9983c41aee736c5f97a4b71db251f0 hr-default  avia-builder-el-1  el_after_av_heading  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-6z10t1-d75e39d77b8adb946e10ea26cb614add '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h2>Overview<\/h2>\n<\/div><\/section>\n<section  class='av_textblock_section av-6v52zx-3fb4d6066e8a2925b9e529d618d66fa2 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>This element allows you to display smaller content tabs that can be placed inside columns and sections (as opposed to the tab section element which is a fullwidth element). You got various option on styling and tab positioning and can choose if you want to display icons as well with each tab<\/p>\n<\/div><\/section>\n<div  class='tabcontainer av-6qhhth-9fe60c8bf8f88eb2c5e071132ae7c46f top_tab  avia-builder-el-4  el_after_av_textblock  el_before_av_textblock '>\n<section class='av_tab_section av_tab_section av-6l2k2l-c2dc86a858090ac65e9c48d016a562dc'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div id='tab-id-1-tab' class='tab active_tab' role='tab' aria-selected=\"true\" tabindex=\"0\" data-fake-id='#tab-id-1' aria-controls='tab-id-1-content'  itemprop=\"headline\" >No Icon Tab 1<\/div><div id='tab-id-1-content' class='tab_content active_tab_content' role='tabpanel' aria-labelledby='tab-id-1-tab' aria-hidden=\"false\"><div class='tab_inner_content invers-color'  itemprop=\"text\" ><p>Lorem ipsum dolor sit amet, <strong>consectetuer<\/strong> adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<\/p>\n<p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla <strong>consequat<\/strong> massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.<\/p>\n<\/div><\/div><\/section>\n<section class='av_tab_section av_tab_section av-6fw00t-df20b1e5a25e72b84c2cab3028aa5c95'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div id='tab-id-2-tab' class='tab' role='tab' aria-selected=\"false\" tabindex=\"0\" data-fake-id='#tab-id-2' aria-controls='tab-id-2-content'  itemprop=\"headline\" >No Icon Tab 2<\/div><div id='tab-id-2-content' class='tab_content' role='tabpanel' aria-labelledby='tab-id-2-tab' aria-hidden=\"true\"><div class='tab_inner_content invers-color'  itemprop=\"text\" ><p>Vestibulum ante ipsum <strong>primis<\/strong> in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero. Phasellus dolor. Maecenas vestibulum mollis<\/p>\n<p>Alutpat a, suscipit non, turpis. Nullam sagittis. Suspendisse pulvinar, augue ac venenatis <strong>condimentum<\/strong>, sem libero volutpat nibh, nec pellentesque velit pede quis nunc.<\/p>\n<\/div><\/div><\/section>\n<section class='av_tab_section av_tab_section av-69on4l-c86b44d6c488d41518804e56b050982f'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div id='tab-id-3-tab' class='tab' role='tab' aria-selected=\"false\" tabindex=\"0\" data-fake-id='#tab-id-3' aria-controls='tab-id-3-content'  itemprop=\"headline\" >No Icon Tab 3<\/div><div id='tab-id-3-content' class='tab_content' role='tabpanel' aria-labelledby='tab-id-3-tab' aria-hidden=\"true\"><div class='tab_inner_content invers-color'  itemprop=\"text\" ><p>Alutpat a, suscipit non, turpis. Nullam sagittis. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero. Phasellus dolor. Maecenas vestibulum mollis<\/p>\n<\/div><\/div><\/section>\n<\/div>\n<section  class='av_textblock_section av-60drkl-cb9b88d0923841674bb5f34a8e385e51 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>View more examples of <a href=\"http:\/\/www.kriesi.at\/themes\/enfold-2017\/elements\/tabs\" target=\"_blank\" rel=\"noopener noreferrer\">tab element<\/a>.<\/p>\n<\/div><\/section>\n<div  class='hr av-5szk8l-f805a7738b6f946618a44d85c3a5a491 hr-default  avia-builder-el-6  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-5o2clx-392201cff1601067c051709a16cc4a1e '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h2>Code Snippets<\/h2>\n<\/div><\/section>\n<div  class='avia-builder-widget-area clearfix  avia-builder-el-8  el_after_av_textblock  el_before_av_hr '><div id=\"text-3\" class=\"widget clearfix widget_text\">\t\t\t<div class=\"textwidget\"><p><strong>How to use the snippets?<\/strong><\/p>\n<ul>\n<li>Add the <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/add-custom-css\/\" target=\"_blank\" rel=\"noopener\">CSS Snippets<\/a> to Enfold child theme styles.<\/li>\n<li>Add the <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/add-custom-js-or-php-script\/\" target=\"_blank\" rel=\"noopener\">JS and PHP scripts<\/a> to your\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/how-to-install-enfold-theme\/#why-child-theme\" target=\"_blank\" rel=\"noopener\">child theme<\/a>\u00a0functions.php file.<\/li>\n<li>Shortcodes can be used in a text area in pages, posts, sliders and widget areas.\u00a0Enable\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/intro-to-advanced-layout-builder\/#debug-mode\" target=\"_blank\" rel=\"noopener\">debug mode<\/a>\u00a0to view the page shortcode.<\/li>\n<li>Enable\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/intro-to-advanced-layout-builder\/#turn-on-custom-css-class-field-for-all-alb-elements\">custom CSS class name support<\/a>\u00a0to\u00a0add your\u00a0class names to the theme elements.<\/li>\n<li>Disable <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/how-to-clear-the-cache\/\" target=\"_blank\" rel=\"noopener\">script merging and clear the cache<\/a>\u00a0to view the changes on the frontend.<\/li>\n<\/ul>\n<p><strong>NOTE<\/strong>: If the code snippets produce a different result on your site, it may be because the settings on your site are different or due\u00a0to any customization already added to achieve a similar result. Please try removing your customization if any and feel free to change the values in the example codes to suit your design.<\/p>\n<\/div>\n\t\t<\/div><\/div>\n<div  class='hr av-5f3r6l-ef1873e8697d3451dbdc7c24358b46f3 hr-default  avia-builder-el-9  el_after_av_sidebar  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-599rrp-dd2f5f454beb95443d3dd0286a3ccef0 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Shortcode <\/h3>\n<\/div><\/section>\n\n<div  class='hr av-f6xad-c1ab1d8ba3a6f38ec4f8e3fb7f145541 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-40xd39-05ab5dcbad267f1eaea504b5837dffde '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h2>Customization<\/h2>\n<\/div><\/section>\n<div  class='hr av-3vlj85-ea2f84ce48f193b9c121964bac4bff2e hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-3omfvh-c518fdb9aa8554a54983b8d450fc82ae '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Tab colors<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-3jfsql-1161b3da2f6cf1365925362358d6870a '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To custom style the tabs, active tab and tab content colors, please use the CSS below.<\/p>\n<\/div><\/section>\n<div  class='tabcontainer av-3e5qx1-21e45ed789ab187040a7edce48a16bd3 top_tab  avia-builder-el-12  avia-builder-el-no-sibling  tab_bgcolor'>\n<section class='av_tab_section av_tab_section av-bm3xx-207a07d1465b8ed7cffb9ed73681a44d'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div id='tab-id-4-tab' class='tab active_tab' role='tab' aria-selected=\"true\" tabindex=\"0\" data-fake-id='#tab-id-4' aria-controls='tab-id-4-content'  itemprop=\"headline\" >No Icon Tab 1<\/div><div id='tab-id-4-content' class='tab_content active_tab_content' role='tabpanel' aria-labelledby='tab-id-4-tab' aria-hidden=\"false\"><div class='tab_inner_content invers-color'  itemprop=\"text\" ><p>Lorem ipsum dolor sit amet, <strong>consectetuer<\/strong> adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<\/p>\n<p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla <strong>consequat<\/strong> massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.<\/p>\n<\/div><\/div><\/section>\n<section class='av_tab_section av_tab_section av-353tw5-2b11903ecf8ff7c8b402e0e8781d72c1'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div id='tab-id-5-tab' class='tab' role='tab' aria-selected=\"false\" tabindex=\"0\" data-fake-id='#tab-id-5' aria-controls='tab-id-5-content'  itemprop=\"headline\" >No Icon Tab 2<\/div><div id='tab-id-5-content' class='tab_content' role='tabpanel' aria-labelledby='tab-id-5-tab' aria-hidden=\"true\"><div class='tab_inner_content invers-color'  itemprop=\"text\" ><p>Vestibulum ante ipsum <strong>primis<\/strong> in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero. Phasellus dolor. Maecenas vestibulum mollis<\/p>\n<p>Alutpat a, suscipit non, turpis. Nullam sagittis. Suspendisse pulvinar, augue ac venenatis <strong>condimentum<\/strong>, sem libero volutpat nibh, nec pellentesque velit pede quis nunc.<\/p>\n<\/div><\/div><\/section>\n<section class='av_tab_section av_tab_section av-2u6agd-9cf992097648493f7f8d7e14d8f0aa05'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div id='tab-id-6-tab' class='tab' role='tab' aria-selected=\"false\" tabindex=\"0\" data-fake-id='#tab-id-6' aria-controls='tab-id-6-content'  itemprop=\"headline\" >No Icon Tab 3<\/div><div id='tab-id-6-content' class='tab_content' role='tabpanel' aria-labelledby='tab-id-6-tab' aria-hidden=\"true\"><div class='tab_inner_content invers-color'  itemprop=\"text\" ><p>Alutpat a, suscipit non, turpis. Nullam sagittis. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero. Phasellus dolor. Maecenas vestibulum mollis<\/p>\n<\/div><\/div><\/section>\n<\/div>\n<section  class='av_textblock_section av-2s1ikd-c6a6730023cef7dc668bec1566deab23 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><pre>\/*----------------------------------------\n\/\/ CSS - Tabs color\n\/\/--------------------------------------*\/\n\n\/* Tabs *\/\n#top .tabcontainer .tab {\n\tbackground: #5482ab;\n\tcolor:#eeeeee;\n\tborder:1px solid #43698c;\n}\n#top .tabcontainer .tab:hover {\n\tcolor:#FFF!important;\n}\n\n\n\/* Active tab *\/\n#top .tabcontainer .active_tab {\n\tbackground: #f3f3f3!important;\n\tcolor:#222;\n\tborder:none!important;\n}\n\/*Active tab on hover*\/\n#top .tabcontainer .tab.active_tab:hover {\n\tcolor:inherit!important;\n}\n\n\n\/* tab content *\/\n#top .tabcontainer .tab_content.active_tab_content {\n\tbackground: #f3f3f3!important;\t\n\t\/*border:none!important;*\/\n}<\/pre>\n<\/div><\/section>\n<div  class='hr av-2n3m8t-01c52681833401e216492dbc3902c66a hr-default  avia-builder-el-13  el_after_av_codeblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-2fv2m5-1226b41b9ca5a9aacfc1e5eb31b0047c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Anchor links for Tabs<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-2a86lp-e4799ce494386e5bd12c12d2909efb27 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To link a tab section,<\/p>\n<ul>\n<li>\u00a0Let&#8217;s say we want to link the third tab section.<\/li>\n<li>Click and open the tab first.<\/li>\n<li>The URL of the tab will display in the address bar with a tab#ID at the end of the link.<\/li>\n<li>Copy and paste the link into a button or text.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/URL.png\" alt=\"\" width=\"1005\" height=\"631\" class=\"alignnone size-full wp-image-7305\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/URL.png 1005w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/URL-300x188.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/URL-768x482.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/URL-705x443.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/URL-450x283.png 450w\" sizes=\"auto, (max-width: 1005px) 100vw, 1005px\" \/><\/li>\n<\/ul>\n<p>The URL pattern should look similar to:<\/p>\n<pre><code>http:\/\/domain.com\/mypage\/#tab-id-2<\/code><\/pre>\n<\/div><\/section>\n<div  class='hr av-236h45-eecbe443f42ea7be09ea81b6a3b589ed hr-default  avia-builder-el-15  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-1xtehx-3b25c5519a2be21c887aa6bacda630c5 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Activate tabs on hover<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-1rthcl-46d445ef9b9bd9ba0d53446530b8e0ca '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To activate tabs on hover please copy the below code and paste it into your functions.php<\/p>\n<\/div><\/section>\n\n<section  class='av_textblock_section av-1rthcl-49291d5fd42c787adb64248ec479276f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Then go to \/enfold\/config-templatebuilder\/avia-shortcodes\/tabs\/ and copy tabs.js file to \/js\/ folder in your child theme and replace the content of the file with following<\/p>\n<\/div><\/section>\n\n<div  class='hr av-52g59-854c4e69200eb8f66803d49cb49b4e54 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-177mk5-8b2a84f65522b3354d5072c76a0ee660 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3> Custom tab and toggle ID\u2019s for prettier URL hashes<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-114c9p-d49d49ec31ccf007ea915067524b3589 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>You can edit your toggle or tab item and go to Advanced &gt; Developer Settings and insert your custom ID<\/p>\n<p><a href=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/custom-tab-toggle-id.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13219\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/custom-tab-toggle-id.png\" alt=\"\" width=\"2358\" height=\"517\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/custom-tab-toggle-id.png 2358w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/custom-tab-toggle-id-300x66.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/custom-tab-toggle-id-1030x226.png 1030w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/custom-tab-toggle-id-768x168.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/custom-tab-toggle-id-1536x337.png 1536w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/custom-tab-toggle-id-2048x449.png 2048w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/custom-tab-toggle-id-1500x329.png 1500w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/custom-tab-toggle-id-705x155.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/custom-tab-toggle-id-600x132.png 600w\" sizes=\"auto, (max-width: 2358px) 100vw, 2358px\" \/><\/a><\/p>\n<\/div><\/section>\n<div  class='hr av-rt3lh-7d328b40dfc60787c4d0c7e646117753 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-lfs71-bc5a039bb541fa3ab8957c762962c903 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>Resource<\/h2>\n<\/div><\/section>\n<div  class='hr av-1orqt-7c1d70f81f6f56df41e9f76a5b54b5a0 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-81alh-e09df9142a48e8285dc14e85c1bfa76f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Contributed video<\/strong>:<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=H656dPU9j4M\">Tabs Element Tutorial <\/a><\/p>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[2,6],"tags":[16],"class_list":["post-317","post","type-post","status-publish","format-standard","hentry","category-documentation","category-content-elements","tag-content-elements","documentation","content-elements"],"modified_by":"Yigit","_links":{"self":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/317","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/comments?post=317"}],"version-history":[{"count":6,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/317\/revisions"}],"predecessor-version":[{"id":13221,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/317\/revisions\/13221"}],"wp:attachment":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/media?parent=317"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/categories?post=317"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/tags?post=317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}