{"id":499,"date":"2020-09-02T12:16:54","date_gmt":"2020-09-02T12:16:54","guid":{"rendered":"https:\/\/dentalia.orionthemes.com\/documentation\/?page_id=499"},"modified":"2021-01-06T10:33:23","modified_gmt":"2021-01-06T10:33:23","slug":"carousel-widget","status":"publish","type":"page","link":"https:\/\/dentalia.orionthemes.com\/documentation\/widgets\/carousel-widget\/","title":{"rendered":"Carousel Widget"},"content":{"rendered":"<div id=\"pl-499\"  class=\"panel-layout\" ><div id=\"pg-499-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-default desktop-default bg-altsitebg panel-row-style panel-row-style-for-499-0\" data-stretch-type=\"full\" ><div id=\"pgc-499-0-0\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><div id=\"pgc-499-0-1\"  class=\"panel-grid-cell panel-grid-cell-mobile-last\" ><div id=\"panel-499-0-1-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"0\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-0-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:0px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-2 style-primary-color\">\r\n\t\t\t<h1 class=\"primary-color text-uppercase display-2\">\r\n\t\t\t\tCarousel Widget\t\t\t<\/h1>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-499-0-1-1\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"1\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-0-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p class=\"lead\" style=\"text-align: center;\">Create a custom carousel with tabbed navigation.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pgc-499-0-2\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><\/div><\/div><div id=\"pg-499-1\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-1-in-row desktop-default clear panel-row-style panel-row-style-for-499-1\" data-stretch-type=\"full\" ><div id=\"pgc-499-1-0\"  class=\"panel-grid-cell\" ><div class=\"clear panel-cell-style panel-cell-style-for-499-1-0\" ><div id=\"panel-499-1-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"2\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-1-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:12px;\">\r\n\t\t<div class=\"col-md-12   text-left style-h2 style-primary-color\">\r\n\t\t\t<h2 class=\"primary-color\">\r\n\t\t\t\t<span class=\"mark mark-doc\">1<\/span>  Adding Slides:\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-499-1-0-1\" class=\"so-panel widget widget_sow-editor\" data-index=\"3\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-1-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Add+<\/strong> creates a new slide.<\/li>\n<li>Each slide can have\u00a0a <strong>title, a subtitle, a description, image<\/strong> and a <strong>button<\/strong>.<\/li>\n<li><strong>Tab Label:<\/strong> Name the navigation label to use it as a tab.<\/li>\n<li>Add a <strong>destination URL<\/strong> to the page you want the button to send you to.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-499-1-0-2\" class=\"so-panel widget widget_orion_dividers_w\" data-index=\"4\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-1-0-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_dividers_w so-widget-orion_dividers_w-base\"\n\t\t\t\n\t\t>\t<hr style=\"border-top-width:2px; border-top-color:rgba(0,0,0,0.05); border-style: dashed; width: 100%;  margin-top:11px; margin-bottom:47px;\"><\/div><\/div><\/div><div id=\"panel-499-1-0-3\" class=\"so-panel widget widget_orion_heading_w\" data-index=\"5\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-1-0-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-3 style-secondary-color\">\r\n\t\t\t<h3 class=\"secondary-color text-uppercase display-3\">\r\n\t\t\t\tSlide Settings\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-499-1-0-4\" class=\"so-panel widget widget_sow-editor\" data-index=\"6\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-1-0-4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Image position:<\/strong> You can choose to display the image left or right form the text area on all slides individually.<\/li>\n<li><strong>Text align:<\/strong> The content in the text area can be aligned to <strong>left, right, or center<\/strong>.<\/li>\n<li><strong>Slide Custom ID: <\/strong>Must be unique or left empty.*<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-499-1-0-5\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"7\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-1-0-5\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<div class=\"alert alert-danger\" role=\"alert\">*<strong>Assigning a custom-id will allow linking to the specific tab from external pages<\/strong> (link: domain.com\/page-slug#custom-id). Do not use spaces or non-ASCII characters.<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-499-1-1\"  class=\"panel-grid-cell\" ><div id=\"panel-499-1-1-0\" class=\"so-panel widget widget_orion_image_w panel-first-child panel-last-child\" data-index=\"8\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-1-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-carousel-widget.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-carousel-widget.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"960\" height=\"924\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-carousel-widget.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-499-2\"  class=\"panel-grid panel-has-style\" ><div class=\"orion-collapse-right-top siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-1-in-row desktop-default clear panel-row-style panel-row-style-for-499-2\" data-stretch-type=\"full\" ><div id=\"pgc-499-2-0\"  class=\"panel-grid-cell\" ><div class=\"clear panel-cell-style panel-cell-style-for-499-2-0\" ><div id=\"panel-499-2-0-0\" class=\"so-panel widget widget_orion_image_w panel-first-child panel-last-child\" data-index=\"9\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-2-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-carousel-widget-style.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-carousel-widget-style.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"960\" height=\"877\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-carousel-widget-style.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-499-2-1\"  class=\"panel-grid-cell\" ><div class=\"custom panel-cell-style panel-cell-style-for-499-2-1\" ><div id=\"panel-499-2-1-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"10\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-2-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:12px;\">\r\n\t\t<div class=\"col-md-12   text-left style-h2 style-primary-color\">\r\n\t\t\t<h2 class=\"primary-color\">\r\n\t\t\t\t<span class=\"mark mark-doc\">2<\/span> Style Settings\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-499-2-1-1\" class=\"so-panel widget widget_sow-editor\" data-index=\"11\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-2-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Text Color:<\/strong> You can choose from <strong>light and dark text color styles<\/strong>, which are predefined in the <a href=\"\/themeoptions\">Theme Options<\/a>.<\/li>\n<li><strong>Background Color:<\/strong> You can choose from a set of predefined <strong>background colors<\/strong>.<\/li>\n<li>You can also customize the read more button.\u00a0 Change the<strong> button style, color, size, and rounding<\/strong> to your liking.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-499-2-1-2\" class=\"so-panel widget widget_orion_dividers_w\" data-index=\"12\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-2-1-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_dividers_w so-widget-orion_dividers_w-base\"\n\t\t\t\n\t\t>\t<hr style=\"border-top-width:2px; border-top-color:rgba(0,0,0,0.05); border-style: dashed; width: 100%;  margin-top:11px; margin-bottom:47px;\"><\/div><\/div><\/div><div id=\"panel-499-2-1-3\" class=\"so-panel widget widget_orion_heading_w\" data-index=\"13\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-2-1-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-3 style-secondary-color\">\r\n\t\t\t<h3 class=\"secondary-color text-uppercase display-3\">\r\n\t\t\t\tCarousel Settings\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-499-2-1-4\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"14\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-2-1-4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li>You can <strong>enable autoplay<\/strong> for the slider.<\/li>\n<li><strong>Navigation:<\/strong> This will set the style of carousel navigation. You can choose between Arrows on top, on the bottom, on sides, tabs, dots, or none.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-499-3\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-default mobile-default desktop-default bg-altsitebg panel-row-style panel-row-style-for-499-3\" data-stretch-type=\"full\" ><div id=\"pgc-499-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-499-3-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"15\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-3-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-3 style-text-default\">\r\n\t\t\t<h3 class=\"text-default text-uppercase display-3\">\r\n\t\t\t\tExample A (Default)\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-499-3-0-1\" class=\"so-panel widget widget_orion_custom_carousel_w\" data-index=\"16\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-3-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_custom_carousel_w so-widget-orion_custom_carousel_w-base\"\n\t\t\t\n\t\t>\t<ul class=\"carousel-navigation nav nav-tabs tabs-style-2 text-center\">\r\n\t\t\t\t\t<li  class=\"active\"  ><a class=\"owl-nav-link font-2\" data-navid=\"ExampleTitle0tab_6a07f02e05dda\" href=\"#ExampleTitle0tab_6a07f02e05dda\">Service 1<\/a><\/li>\r\n\t\t\r\n\t\t\t\t\t<li  ><a class=\"owl-nav-link font-2\" data-navid=\"ExampleTitle1tab_6a07f02e05dda\" href=\"#ExampleTitle1tab_6a07f02e05dda\">Service 2<\/a><\/li>\r\n\t\t\r\n\t\t<\/ul>\r\n<div class=\"carousel custom-carousel-wrap row\">\r\n\t<div class=\"wrapper col-md-12\">\r\n\t\t<div class=\" owl-carousel owl-theme\" data-col=\"1\" data-autoplay=\"false\" data-dots=\"\" data-owlloop=\"true\" data-hashlisten=\"true\" data-slideby=\"1\">\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t<div class=\"item  white-bg text-default\" data-hash=\"ExampleTitle0tab_6a07f02e05dda\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"image\">\t\t\t\t\r\n\t\t\t\t\t<div class=\"absolute\" style=\"background-image: url(https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-content-960\u200a\u00d7\u200a960-childrens-dentist-750x500.jpg)\"><\/div>\r\n\t\t\t\t\t<img src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-content-960\u200a\u00d7\u200a960-childrens-dentist-750x500.jpg\" alt=\"Example Title\" \/>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"content text-left\">\r\n\t\r\n\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t<h3 class=\"item-title text-left\">Example Title<\/h3>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t<div class=\"subtitle lead text-left\">Example Subtitle<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"description text-left\">Sometimes your joy is the source of your smile, but sometimes your smile can be the source of your joy.<\/div>\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-flat btn-sm\"> \r\n\t\t\t\t\t\tRead more \r\n\t\t\t\t\t<\/a>\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"item  white-bg text-default\" data-hash=\"ExampleTitle1tab_6a07f02e05dda\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"image\">\t\t\t\t\r\n\t\t\t\t\t<div class=\"absolute\" style=\"background-image: url(https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-content-960\u200a\u00d7\u200a960-smile-design-750x500.jpg)\"><\/div>\r\n\t\t\t\t\t<img src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-content-960\u200a\u00d7\u200a960-smile-design-750x500.jpg\" alt=\"Example Title\" \/>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"content text-left\">\r\n\t\r\n\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t<h3 class=\"item-title text-left\">Example Title<\/h3>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t<div class=\"subtitle lead text-left\">Example Subtitle<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"description text-left\">Sometimes your joy is the source of your smile, but sometimes your smile can be the source of your joy.<\/div>\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-flat btn-sm\"> \r\n\t\t\t\t\t\tRead more \r\n\t\t\t\t\t<\/a>\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\r\n\t\t\t\t\t\r\n\t\t<\/div>\r\n<\/div><\/div><\/div><\/div><div id=\"panel-499-3-0-2\" class=\"so-panel widget widget_orion_empty_space_w\" data-index=\"17\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-3-0-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_empty_space_w so-widget-orion_empty_space_w-base\"\n\t\t\t\n\t\t>\t<div class=\"row empty-space visible-lg visible-md visible-sm visible-xs\" style=\"height:60px;\">\r\n\t<\/div><\/div><\/div><\/div><div id=\"panel-499-3-0-3\" class=\"so-panel widget widget_orion_heading_w\" data-index=\"18\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-3-0-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-3 style-text-default\">\r\n\t\t\t<h3 class=\"text-default text-uppercase display-3\">\r\n\t\t\t\tExample B (Customized)\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-499-3-0-4\" class=\"so-panel widget widget_orion_custom_carousel_w panel-last-child\" data-index=\"19\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-499-3-0-4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_custom_carousel_w so-widget-orion_custom_carousel_w-base\"\n\t\t\t\n\t\t><div class=\"carousel custom-carousel-wrap row nav-arrows-aside\">\r\n\t<div class=\"wrapper col-md-12\">\r\n\t\t<div class=\" owl-carousel owl-theme\" data-col=\"1\" data-autoplay=\"true\" data-dots=\"\" data-owlloop=\"true\" data-hashlisten=\"true\" data-slideby=\"1\">\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t<div class=\"item  bg-c3 text-light\" data-hash=\"ExampleTitle0tab_6a07f02e063f7\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"content text-centar\">\r\n\t\r\n\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t<h3 class=\"item-title text-centar\">Example Title<\/h3>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t<div class=\"subtitle lead text-centar\">Example Subtitle<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"description text-centar\">Sometimes your joy is the source of your smile, but sometimes your smile can be the source of your joy.<\/div>\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-c1 btn-round btn-flat btn-md\"> \r\n\t\t\t\t\t\tRead more \r\n\t\t\t\t\t<\/a>\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"image\">\t\t\t\t\r\n\t\t\t\t\t<div class=\"absolute\" style=\"background-image: url(https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-content-960\u200a\u00d7\u200a960-smile-design-750x500.jpg)\"><\/div>\r\n\t\t\t\t\t<img src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-content-960\u200a\u00d7\u200a960-smile-design-750x500.jpg\" alt=\"Example Title\" \/>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"item  bg-c3 text-light\" data-hash=\"ExampleTitle1tab_6a07f02e063f7\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"content text-centar\">\r\n\t\r\n\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t<h3 class=\"item-title text-centar\">Example Title<\/h3>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t<div class=\"subtitle lead text-centar\">Example Subtitle<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"description text-centar\">Sometimes your joy is the source of your smile, but sometimes your smile can be the source of your joy.<\/div>\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-c1 btn-round btn-flat btn-md\"> \r\n\t\t\t\t\t\tRead more \r\n\t\t\t\t\t<\/a>\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"image\">\t\t\t\t\r\n\t\t\t\t\t<div class=\"absolute\" style=\"background-image: url(https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-content-960\u200a\u00d7\u200a960-childrens-dentist-750x500.jpg)\"><\/div>\r\n\t\t\t\t\t<img src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-content-960\u200a\u00d7\u200a960-childrens-dentist-750x500.jpg\" alt=\"Example Title\" \/>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\r\n\t\t\t<div class=\"owl-nav-custom\">\r\n\t\t\t<div class=\"owl-nav aside \">\r\n\t\t\t\t<a class=\"primary-color-bg owlprev\" ><i class=\"orionicon orionicon-arrow_carrot-left\"><\/i><\/a>\r\n\t\t\t\t<a class=\"primary-color-bg owlnext\" ><i class=\"orionicon orionicon-arrow_carrot-right\"><\/i><\/a>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t<\/div>\r\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Create a custom carousel with tabbed navigation. Add+ creates a new slide. Each slide can have\u00a0a title, a subtitle, a description, image and a button. Tab Label: Name the navigation label to use it as a tab. Add a destination URL to the page you want the button to send you to. Image position: You<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":984,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/499"}],"collection":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/comments?post=499"}],"version-history":[{"count":15,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/499\/revisions"}],"predecessor-version":[{"id":2911,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/499\/revisions\/2911"}],"up":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/984"}],"wp:attachment":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/media?parent=499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}