{"id":849,"date":"2020-09-09T07:24:12","date_gmt":"2020-09-09T07:24:12","guid":{"rendered":"http:\/\/oceanthemes.net\/docs\/progrisaas\/?p=849"},"modified":"2020-09-09T07:24:12","modified_gmt":"2020-09-09T07:24:12","slug":"849-2","status":"publish","type":"post","link":"https:\/\/docs.oceanthemes.site\/progrisaas\/849-2\/","title":{"rendered":"5. How to create the tab with the Sections"},"content":{"rendered":"\n<p id=\"block-57d13a3a-004d-490d-8101-144b33f5d016\">Make sure the OT Tab Titles widget and all tab contents in the Inner Sections:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\" id=\"block-1d42a7f3-360e-41ff-9611-0dbae97cb81d\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"504\" src=\"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-content\/uploads\/sites\/6\/2020\/09\/big-tab-1-1-1024x504.png\" alt=\"\" class=\"wp-image-851\" srcset=\"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-content\/uploads\/sites\/6\/2020\/09\/big-tab-1-1-1024x504.png 1024w, https:\/\/docs.oceanthemes.site\/progrisaas\/wp-content\/uploads\/sites\/6\/2020\/09\/big-tab-1-1-300x148.png 300w, https:\/\/docs.oceanthemes.site\/progrisaas\/wp-content\/uploads\/sites\/6\/2020\/09\/big-tab-1-1-768x378.png 768w, https:\/\/docs.oceanthemes.site\/progrisaas\/wp-content\/uploads\/sites\/6\/2020\/09\/big-tab-1-1-1536x756.png 1536w, https:\/\/docs.oceanthemes.site\/progrisaas\/wp-content\/uploads\/sites\/6\/2020\/09\/big-tab-1-1.png 1903w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Step 1. Create Tab Titles<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\" id=\"block-914d380d-e2e9-43ae-8a8f-bc9111c094b6\"><img loading=\"lazy\" decoding=\"async\" width=\"379\" height=\"564\" src=\"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-content\/uploads\/sites\/6\/2020\/09\/title-tab-mb-1.png\" alt=\"\" class=\"wp-image-850\" srcset=\"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-content\/uploads\/sites\/6\/2020\/09\/title-tab-mb-1.png 379w, https:\/\/docs.oceanthemes.site\/progrisaas\/wp-content\/uploads\/sites\/6\/2020\/09\/title-tab-mb-1-202x300.png 202w\" sizes=\"auto, (max-width: 379px) 100vw, 379px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"383\" height=\"526\" src=\"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-content\/uploads\/sites\/6\/2020\/09\/tab-link-1.png\" alt=\"\" class=\"wp-image-854\" srcset=\"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-content\/uploads\/sites\/6\/2020\/09\/tab-link-1.png 383w, https:\/\/docs.oceanthemes.site\/progrisaas\/wp-content\/uploads\/sites\/6\/2020\/09\/tab-link-1-218x300.png 218w\" sizes=\"auto, (max-width: 383px) 100vw, 383px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Step 2. Create Tab Contents<\/h4>\n\n\n\n<p id=\"block-411b32e1-2db2-4013-a4d0-b391e89fdcab\">Add &#8220;<strong>content-tab<\/strong>&#8221; class and the ID similar link of OT Tab Titles to each inner sections which contain the content of tabs:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\" id=\"block-6e23fba5-c613-454d-8cc1-81b07d21864d\"><img decoding=\"async\" src=\"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-content\/uploads\/sites\/6\/2020\/09\/content-id-1-1-1024x594.png\" alt=\"\" class=\"wp-image-858\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Make sure the OT Tab Titles widget and all tab contents in the Inner Sections: Step 1. Create Tab Titles Step 2. Create Tab Contents Add &#8220;content-tab&#8221; class and the ID similar link of OT Tab Titles to each inner sections which contain the content of tabs:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-849","post","type-post","status-publish","format-standard","hentry","category-18-faqs"],"_links":{"self":[{"href":"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-json\/wp\/v2\/posts\/849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-json\/wp\/v2\/comments?post=849"}],"version-history":[{"count":0,"href":"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-json\/wp\/v2\/posts\/849\/revisions"}],"wp:attachment":[{"href":"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-json\/wp\/v2\/media?parent=849"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-json\/wp\/v2\/categories?post=849"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-json\/wp\/v2\/tags?post=849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}