{"id":408,"date":"2018-05-31T21:56:35","date_gmt":"2018-05-31T21:56:35","guid":{"rendered":"http:\/\/demo.theme.co\/designcloud\/?page_id=408"},"modified":"2018-06-01T21:08:35","modified_gmt":"2018-06-01T21:08:35","slug":"tabs-vertical","status":"publish","type":"page","link":"https:\/\/demo.theme.co\/designcloud\/presets\/tabs-vertical\/","title":{"rendered":"Tabs: Vertical"},"content":{"rendered":"<div id=\"cs-content\" class=\"cs-content\"><div class=\"x-section e408-1 mbc-0\"><div class=\"x-container max width e408-2 mbc-1\"><div class=\"x-column x-sm x-1-1 e408-3 mbc-2\"><div class=\"x-tabs e408-4 mbc-3\" data-x-element=\"tabs\" data-x-params=\"{&quot;equalPanelHeight&quot;:true}\"><div class=\"x-tabs-list\"><ul role=\"tablist\"><li role=\"presentation\"><button id=\"tab-e408-5\" class=\"e408-5 x-active\" role=\"tab\" aria-selected=\"true\" aria-controls=\"panel-e408-5\" data-x-toggle=\"tab\" data-x-toggleable=\"tab-item-e408-5\" data-x-toggle-group=\"tab-group-e408-4\"><span >First Tab<\/span><\/button><\/li><li role=\"presentation\"><button id=\"tab-e408-6\" class=\"e408-6\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-e408-6\" data-x-toggle=\"tab\" data-x-toggleable=\"tab-item-e408-6\" data-x-toggle-group=\"tab-group-e408-4\"><span >Second Tab<\/span><\/button><\/li><\/ul><\/div><div class=\"x-tabs-panels\"><div id=\"panel-e408-5\" class=\"x-tabs-panel e408-5 x-active\" role=\"tabpanel\" aria-labelledby=\"tab-e408-5\" aria-hidden=\"false\" data-x-toggleable=\"tab-item-e408-5\">This altered version of the \"Tabs\" Element features some custom Element CSS, which you can edit as needed. You might want to change the breakpoint for when the custom layout should take place, as well as any stylistic changes you need to make so that your side tabs look as they should when their layout changes.<\/div><div id=\"panel-e408-6\" class=\"x-tabs-panel e408-6\" role=\"tabpanel\" aria-labelledby=\"tab-e408-6\" aria-hidden=\"true\" data-x-toggleable=\"tab-item-e408-6\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pretium, nisi ut volutpat mollis, leo risus interdum arcu, eget facilisis quam felis id mauris. Ut convallis, lacus nec ornare volutpat, velit turpis scelerisque purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pretium, nisi ut volutpat mollis, leo risus interdum arcu, eget facilisis quam felis id mauris. Ut convallis, lacus nec ornare volutpat, velit turpis scelerisque purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pretium, nisi ut volutpat mollis, leo risus interdum arcu, eget facilisis quam felis id mauris. Ut convallis, lacus nec ornare volutpat, velit turpis scelerisque purus.<\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>First TabSecond TabThis altered version of the &#8220;Tabs&#8221; Element features some custom Element CSS, which you can edit as needed. You might want to change the breakpoint for when the custom layout should take place, as well as any stylistic changes you need to make so that your side tabs look as they should when their layout changes.Lorem ipsum dolor &#8230; <\/p>\n<div><a href=\"https:\/\/demo.theme.co\/designcloud\/presets\/tabs-vertical\/\" class=\"more-link\">Read More<\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":55,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-demo-presets.php","meta":[],"_links":{"self":[{"href":"https:\/\/demo.theme.co\/designcloud\/wp-json\/wp\/v2\/pages\/408"}],"collection":[{"href":"https:\/\/demo.theme.co\/designcloud\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.theme.co\/designcloud\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/designcloud\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/designcloud\/wp-json\/wp\/v2\/comments?post=408"}],"version-history":[{"count":5,"href":"https:\/\/demo.theme.co\/designcloud\/wp-json\/wp\/v2\/pages\/408\/revisions"}],"predecessor-version":[{"id":439,"href":"https:\/\/demo.theme.co\/designcloud\/wp-json\/wp\/v2\/pages\/408\/revisions\/439"}],"up":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/designcloud\/wp-json\/wp\/v2\/pages\/55"}],"wp:attachment":[{"href":"https:\/\/demo.theme.co\/designcloud\/wp-json\/wp\/v2\/media?parent=408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}