{"id":5,"date":"2021-01-21T08:51:37","date_gmt":"2021-01-21T08:51:37","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/?page_id=5"},"modified":"2023-08-03T09:36:17","modified_gmt":"2023-08-03T09:36:17","slug":"layout-1","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/layout-1\/","title":{"rendered":"Layout 1"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text]<\/p>\r\n<h4 class=\"has-text-align-center wp-block-heading\"><strong>A Basic Example Design One<\/strong><\/h4>\r\n\r\n<p>&nbsp;<\/p>\r\n<script>\r\njQuery( document ).ready(function() {\r\n\tvar carousel_1 = jQuery('.carousel-main-1').flickity({\r\n\t\tdraggable:\ttrue,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false - '>1'\r\n\t\t\t\tautoPlay: 2500,\t\t\t\t\t\t\t\/\/ true\/false - numbers in milliseconds \r\n\t\t\t\tpauseAutoPlayOnHover: true,\t\/\/ true\/false\r\n\t\twrapAround:\ttrue,\t\t\t\t\t\t\/\/ for looping - true\/false\r\n\t\tfullscreen: true,\t\t\t\t\t\t\t\/\/ true\/false\r\n\t\tfade: true, \t\t\t\t\t\t\t\t\t\t\/\/ true\/false\r\n\t\tadaptiveHeight: true,\t\t\t\t\t\/\/ true\/false\r\n\t\tprevNextButtons: true,\t\t\t\t\t\/\/ true\/false \r\n\t\tpageDots: true,\t\t\t\t\t\t\t\/\/ dots under slider\r\n\t\trightToLeft: false,\t\t\t\t\t\t\t\t\t\/\/ RTL support\r\n\t\tdragThreshold: 10,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ in pixels - number of pixels a mouse or touch has to move\r\n\t\tinitialIndex: 0,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ numbering - starting slide\r\n\t\taccessibility: true,\r\n\t\tcellAlign: 'center',\t\t\t\t\t\t\t\/\/ Align cells within the carousel element.\r\n\t\tarrowShape: 'M 0,50 L 60,00 L 50,30 L 80,30 L 80,70 L 50,70 L 60,100 Z',\t\/\/ change nav arrow shape - svg format\r\n\t\t\/\/freeScroll:\ttrue,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false \r\n\t\t\/\/groupCells:\ttrue,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true - numbering - percentage 80%\r\n\t\tpercentPosition: true,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ set cell value in percentage like carousel-cell 60%\r\n\t\tlazyLoad: 2,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false\r\n\t\t\/\/hash: true,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false - defile id=\"image 1\"\r\n\t});\r\n\t\r\n\t\t\/\/ thumbnails\r\n\tjQuery('.carousel-nav-1').flickity({\r\n\t\tasNavFor: '.carousel-main-1',\r\n\t\tcontain: true,\r\n\t\tpageDots: false,\r\n\t\trightToLeft: false,\t\t\t\t\t\t\t\t\t\/\/ RTL support\r\n\t});\r\n\t\t\r\n\tcarousel_1.flickity('resize');\r\n});\r\n<\/script>\r\n\r\n<!-- slider start-->\r\n<div class=\"carousel-1 carousel-main-1\">\r\n\t\t\t\t<div class=\"carousel-cell-1\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/sensual-european-woman-santa-claus-hat-posing-dark-wall-smiling.jpg\" alt=\"Sensual european woman in Santa Claus hat posing on dark background and smiling. Charming blonde girl in new year costume playfully touching her face with finger..\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-1\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/stylish-women-santa-claus-hats-celebrating-new-year-together.jpg\" alt=\"Stylish girls in santa claus hats celebrating new year together. Laughing ladies in party dresses drinking champagne in christmas..\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-1\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/red-haired-birthday-girl-smiling-winsome-female-model-red-dress-holding-christmas-present.jpg\" alt=\"Red-haired birthday girl smiling to camera. Winsome female model\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-1\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/long-haired-woman-sparkle-dress-santa-claus-hat-expressing-happiness.jpg\" alt=\"Long-haired woman in sparkle dress and santa claus hat expressing happiness. Appealing young lady having fun at new year party..\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-1\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/couple-celebrating-christmas-together-home.jpg\" alt=\"Couple celebrating Christmas together at home\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-1\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/portrait-graceful-brown-haired-woman-stylish-white-coat-holding-bengal-lights-outdoor-photo-romantic-european-girl-blue-beret-posing-with-sparklers-blur-city.jpg\" alt=\"Portrait of graceful brown-haired woman in stylish white coat holding Bengal lights. Outdoor photo of romantic european girl in blue beret posing with sparklers on blur city background..\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n<!-- slider end-->\r\n\r\n<!-- slider thumbnails start-->\r\n<div class=\"carousel-1 carousel-nav-1\">\r\n\t\t\t\t<div class=\"carousel-thumbnails-cell-1\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/sensual-european-woman-santa-claus-hat-posing-dark-wall-smiling-150x150.jpg\" alt=\"Sensual european woman in Santa Claus hat posing on dark background and smiling. Charming blonde girl in new year costume playfully touching her face with finger..\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-1\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/stylish-women-santa-claus-hats-celebrating-new-year-together-150x150.jpg\" alt=\"Stylish girls in santa claus hats celebrating new year together. Laughing ladies in party dresses drinking champagne in christmas..\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-1\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/red-haired-birthday-girl-smiling-winsome-female-model-red-dress-holding-christmas-present-150x150.jpg\" alt=\"Red-haired birthday girl smiling to camera. Winsome female model\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-1\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/long-haired-woman-sparkle-dress-santa-claus-hat-expressing-happiness-150x150.jpg\" alt=\"Long-haired woman in sparkle dress and santa claus hat expressing happiness. Appealing young lady having fun at new year party..\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-1\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/couple-celebrating-christmas-together-home-150x150.jpg\" alt=\"Couple celebrating Christmas together at home\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-1\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/portrait-graceful-brown-haired-woman-stylish-white-coat-holding-bengal-lights-outdoor-photo-romantic-european-girl-blue-beret-posing-with-sparklers-blur-city-150x150.jpg\" alt=\"Portrait of graceful brown-haired woman in stylish white coat holding Bengal lights. Outdoor photo of romantic european girl in blue beret posing with sparklers on blur city background..\">\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n<!-- slider thumbnails end-->\r\n\r\n<style>\r\n.carousel-1 {\r\n\theight: auto;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmargin-bottom: 40px;\r\n}\r\n\r\n.carousel-1 .sf-1-slide-image {\r\n\tmax-width: 100% !important;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.sf-1-slide-content {\r\n\tposition: absolute;\r\n\tfont-size: 18px;\r\n\tcolor: white;\r\n\tpointer-events: none !important;\r\n\twidth: 100%;\r\n\tbottom: 8px !important;\r\n\ttext-align: center;\r\n}\r\n\r\n.sf-1-slide-title {\r\n\tpadding: 4px 6px;\r\n}\r\n\r\n.sf-1-slide-desc {\r\n\tpadding: 4px 6px;\r\n}\r\n\r\n.sf-1-slide-button-1, .sf-1-slide-button-2 {\r\n\tpadding-bottom: 5px !important;\r\n}\t\r\n\r\n.sf-1-slide-thumbnails {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.flickity-page-dots {\r\n\tpadding: 0px !important;\r\n}\r\n\r\n\t.carousel-1.is-fullscreen .carousel-cell-1 {\r\n\theight: 100% !important;\r\n}\r\n\r\n.carousel-1.is-fullscreen .carousel-cell-1 .sf-1-slide-image {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tdisplay: block;\r\n\tobject-fit: contain;\r\n}\r\n\r\n\/* 1 *\/\r\n.carousel-cell-1 {\r\n\twidth: 100%;\r\n\theight: auto;\r\n\tmargin-right: 10px;\r\n}\r\n\r\n\r\n\/* 2 *\/\r\n\r\n\/* 3 *\/\r\n\r\n<!-- slider thumbnails style start-->\r\n.carousel-thumbnails-cell-1 {\r\n\theight: 100px;\r\n\twidth: 100px;\r\n}\r\n\r\n.carousel-nav-1 .carousel-thumbnails-cell-1 {\r\n\theight: 100px;\r\n\twidth: 100px;\r\n}\r\n\r\n.carousel-nav-1 .carousel-thumbnails-cell-1.is-nav-selected {\r\n\tbackground: #000;\r\n\tpadding: 3px;\r\n}\r\n\r\n<!-- slider thumbnails style end-->\r\n\r\n\r\n.flickity-viewport {\r\n\ttransition: height 0.2s;\r\n}\r\n\r\n\/**** media queries start ****\/\r\n@media(max-width:650px){\r\n\t.sf-1-slide-content {\r\n\t\tposition: absolute;\r\n\t\tfont-size: 12px;\r\n\t\tcolor: white;\r\n\t\tpointer-events: none !important;\r\n\t\twidth: 100%;\r\n\t\tbottom: 0px !important;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.sf-1-slide-title {\r\n\t\tpadding: 0px 6px;\r\n\t}\r\n\r\n\t.sf-1-slide-desc {\r\n\t\tpadding: 0px 6px;\r\n\t}\r\n\t.flickity-prev-next-button {\r\n\t\twidth: 22px !important;\r\n\t\theight: 22px !important;\r\n\t}\r\n}\r\n@media(max-width:450px){\r\n\t.sf-1-slide-content {\r\n\t\tposition: absolute;\r\n\t\tfont-size: 7px;\r\n\t\tcolor: white;\r\n\t\tpointer-events: none !important;\r\n\t\twidth: 100%;\r\n\t\tbottom: 0px !important;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.sf-1-slide-title {\r\n\t\tpadding: 0px 3px;\r\n\t}\r\n\r\n\t.sf-1-slide-desc {\r\n\t\tpadding: 0px 3px;\r\n\t}\r\n\t.flickity-prev-next-button {\r\n\t\twidth: 18px !important;\r\n\t\theight: 18px !important;\r\n\t}\r\n}\r\n\/**** media queries end ****\/\r\n\r\n\r\n<\/style>\r\n\n\r\n<p>&nbsp;<\/p>\r\n\r\n<p class=\"has-text-align-left\"><strong>Settings Used:<\/strong> Design Preset &#8211; 1, Auto-Play &#8211; ON, Fade Effect &#8211; ON, Slider Thumbnails &#8211; ON, Slider Navigation Arrows &#8211; ON, Slider Navigation Dots &#8211; ON, Full Screen Button &#8211; ON, Auto Play Speed &#8211; 2500ms, Infinite Scroll &#8211; ON, Pause On Mouse Hover &#8211; ON<\/p>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 100px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 100px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<h4 class=\"has-text-align-center wp-block-heading\"><strong>Example Design Two <\/strong><\/h4>\r\n\r\n<p>&nbsp;<\/p>\r\n<script>\r\njQuery( document ).ready(function() {\r\n\tvar carousel_7 = jQuery('.carousel-main-7').flickity({\r\n\t\tdraggable:\ttrue,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false - '>1'\r\n\t\t\t\tautoPlay: 3000,\t\t\t\t\t\t\t\/\/ true\/false - numbers in milliseconds \r\n\t\t\t\tpauseAutoPlayOnHover: false,\t\/\/ true\/false\r\n\t\twrapAround:\ttrue,\t\t\t\t\t\t\/\/ for looping - true\/false\r\n\t\tfullscreen: true,\t\t\t\t\t\t\t\/\/ true\/false\r\n\t\tfade: false, \t\t\t\t\t\t\t\t\t\t\/\/ true\/false\r\n\t\tadaptiveHeight: true,\t\t\t\t\t\/\/ true\/false\r\n\t\tprevNextButtons: true,\t\t\t\t\t\/\/ true\/false \r\n\t\tpageDots: true,\t\t\t\t\t\t\t\/\/ dots under slider\r\n\t\trightToLeft: false,\t\t\t\t\t\t\t\t\t\/\/ RTL support\r\n\t\tdragThreshold: 10,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ in pixels - number of pixels a mouse or touch has to move\r\n\t\tinitialIndex: 0,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ numbering - starting slide\r\n\t\taccessibility: true,\r\n\t\tcellAlign: 'center',\t\t\t\t\t\t\t\/\/ Align cells within the carousel element.\r\n\t\tarrowShape: 'M 0,50 L 60,00 L 50,30 L 80,30 L 80,70 L 50,70 L 60,100 Z',\t\/\/ change nav arrow shape - svg format\r\n\t\t\/\/freeScroll:\ttrue,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false \r\n\t\t\/\/groupCells:\ttrue,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true - numbering - percentage 80%\r\n\t\tpercentPosition: true,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ set cell value in percentage like carousel-cell 60%\r\n\t\tlazyLoad: 2,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false\r\n\t\t\/\/hash: true,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false - defile id=\"image 1\"\r\n\t});\r\n\t\r\n\t\t\/\/ thumbnails\r\n\tjQuery('.carousel-nav-7').flickity({\r\n\t\tasNavFor: '.carousel-main-7',\r\n\t\tcontain: true,\r\n\t\tpageDots: false,\r\n\t\trightToLeft: false,\t\t\t\t\t\t\t\t\t\/\/ RTL support\r\n\t});\r\n\t\t\r\n\tcarousel_7.flickity('resize');\r\n});\r\n<\/script>\r\n\r\n<!-- slider start-->\r\n<div class=\"carousel-7 carousel-main-7\">\r\n\t\t\t\t<div class=\"carousel-cell-7\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Vegetable-Meal.jpg\" alt=\"Vegetable Meal\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-7\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/assortment-pieces-cake.jpg\" alt=\"Assortment of pieces of cake.\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-7\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/dinner-table.jpg\" alt=\"Dinner table\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-7\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/two-red-wine-glass-cheese-platter-top-view.jpg\" alt=\"two red wine glass and cheese platter on rustic background top v\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-7\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Picture-7-7.jpg\" alt=\"\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n<!-- slider end-->\r\n\r\n<!-- slider thumbnails start-->\r\n<div class=\"carousel-7 carousel-nav-7\">\r\n\t\t\t\t<div class=\"carousel-thumbnails-cell-7\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Vegetable-Meal-150x150.jpg\" alt=\"Vegetable Meal\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-7\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/assortment-pieces-cake-150x150.jpg\" alt=\"Assortment of pieces of cake.\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-7\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/dinner-table-150x150.jpg\" alt=\"Dinner table\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-7\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/two-red-wine-glass-cheese-platter-top-view-150x150.jpg\" alt=\"two red wine glass and cheese platter on rustic background top v\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-7\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Picture-7-7-150x150.jpg\" alt=\"\">\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n<!-- slider thumbnails end-->\r\n\r\n<style>\r\n.carousel-7 {\r\n\theight: auto;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmargin-bottom: 40px;\r\n}\r\n\r\n.carousel-7 .sf-1-slide-image {\r\n\tmax-width: 100% !important;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.sf-1-slide-content {\r\n\tposition: absolute;\r\n\tfont-size: 18px;\r\n\tcolor: white;\r\n\tpointer-events: none !important;\r\n\twidth: 100%;\r\n\tbottom: 8px !important;\r\n\ttext-align: center;\r\n}\r\n\r\n.sf-1-slide-title {\r\n\tpadding: 4px 6px;\r\n}\r\n\r\n.sf-1-slide-desc {\r\n\tpadding: 4px 6px;\r\n}\r\n\r\n.sf-1-slide-button-1, .sf-1-slide-button-2 {\r\n\tpadding-bottom: 5px !important;\r\n}\t\r\n\r\n.sf-1-slide-thumbnails {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.flickity-page-dots {\r\n\tpadding: 0px !important;\r\n}\r\n\r\n\t.carousel-7.is-fullscreen .carousel-cell-7 {\r\n\theight: 100% !important;\r\n}\r\n\r\n.carousel-7.is-fullscreen .carousel-cell-7 .sf-1-slide-image {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tdisplay: block;\r\n\tobject-fit: contain;\r\n}\r\n\r\n\/* 1 *\/\r\n\r\n\r\n\/* 2 *\/\r\n.carousel-cell-7 {\r\n\twidth: 66%;\r\n\theight: auto;\r\n\tmargin-right: 10px;\r\n}\r\n\r\n\/* 3 *\/\r\n\r\n<!-- slider thumbnails style start-->\r\n.carousel-thumbnails-cell-7 {\r\n\theight: 100px;\r\n\twidth: 100px;\r\n}\r\n\r\n.carousel-nav-7 .carousel-thumbnails-cell-7 {\r\n\theight: 100px;\r\n\twidth: 100px;\r\n}\r\n\r\n.carousel-nav-7 .carousel-thumbnails-cell-7.is-nav-selected {\r\n\tbackground: #000;\r\n\tpadding: 3px;\r\n}\r\n\r\n<!-- slider thumbnails style end-->\r\n\r\n\r\n.flickity-viewport {\r\n\ttransition: height 0.2s;\r\n}\r\n\r\n\/**** media queries start ****\/\r\n@media(max-width:650px){\r\n\t.sf-1-slide-content {\r\n\t\tposition: absolute;\r\n\t\tfont-size: 12px;\r\n\t\tcolor: white;\r\n\t\tpointer-events: none !important;\r\n\t\twidth: 100%;\r\n\t\tbottom: 0px !important;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.sf-1-slide-title {\r\n\t\tpadding: 0px 6px;\r\n\t}\r\n\r\n\t.sf-1-slide-desc {\r\n\t\tpadding: 0px 6px;\r\n\t}\r\n\t.flickity-prev-next-button {\r\n\t\twidth: 22px !important;\r\n\t\theight: 22px !important;\r\n\t}\r\n}\r\n@media(max-width:450px){\r\n\t.sf-1-slide-content {\r\n\t\tposition: absolute;\r\n\t\tfont-size: 7px;\r\n\t\tcolor: white;\r\n\t\tpointer-events: none !important;\r\n\t\twidth: 100%;\r\n\t\tbottom: 0px !important;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.sf-1-slide-title {\r\n\t\tpadding: 0px 3px;\r\n\t}\r\n\r\n\t.sf-1-slide-desc {\r\n\t\tpadding: 0px 3px;\r\n\t}\r\n\t.flickity-prev-next-button {\r\n\t\twidth: 18px !important;\r\n\t\theight: 18px !important;\r\n\t}\r\n}\r\n\/**** media queries end ****\/\r\n\r\n\r\n<\/style>\r\n\n\r\n<p>&nbsp;<\/p>\r\n\r\n<p class=\"has-text-align-left\"><strong>Settings Used:<\/strong> Design Preset &#8211; 2, Auto-Play &#8211; ON, Fade Effect &#8211; OFF, Slider Thumbnails &#8211; ON, Slider Navigation Arrows &#8211; ON, Slider Navigation Dots &#8211; ON, Full Screen Button &#8211; ON, Auto Play Speed &#8211; 2000ms, Infinite Scroll &#8211; ON, Pause On Mouse Hover &#8211; OFF<\/p>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 100px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 100px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<h4 class=\"has-text-align-center wp-block-heading\"><strong>Example Design Three<\/strong><\/h4>\r\n\r\n<p>&nbsp;<\/p>\r\n<script>\r\njQuery( document ).ready(function() {\r\n\tvar carousel_8 = jQuery('.carousel-main-8').flickity({\r\n\t\tdraggable:\ttrue,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false - '>1'\r\n\t\t\t\tautoPlay: 2000,\t\t\t\t\t\t\t\/\/ true\/false - numbers in milliseconds \r\n\t\t\t\tpauseAutoPlayOnHover: false,\t\/\/ true\/false\r\n\t\twrapAround:\ttrue,\t\t\t\t\t\t\/\/ for looping - true\/false\r\n\t\tfullscreen: true,\t\t\t\t\t\t\t\/\/ true\/false\r\n\t\tfade: false, \t\t\t\t\t\t\t\t\t\t\/\/ true\/false\r\n\t\tadaptiveHeight: true,\t\t\t\t\t\/\/ true\/false\r\n\t\tprevNextButtons: false,\t\t\t\t\t\/\/ true\/false \r\n\t\tpageDots: true,\t\t\t\t\t\t\t\/\/ dots under slider\r\n\t\trightToLeft: false,\t\t\t\t\t\t\t\t\t\/\/ RTL support\r\n\t\tdragThreshold: 10,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ in pixels - number of pixels a mouse or touch has to move\r\n\t\tinitialIndex: 0,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ numbering - starting slide\r\n\t\taccessibility: true,\r\n\t\tcellAlign: 'center',\t\t\t\t\t\t\t\/\/ Align cells within the carousel element.\r\n\t\tarrowShape: 'M 0,50 L 60,00 L 50,30 L 80,30 L 80,70 L 50,70 L 60,100 Z',\t\/\/ change nav arrow shape - svg format\r\n\t\t\/\/freeScroll:\ttrue,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false \r\n\t\t\/\/groupCells:\ttrue,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true - numbering - percentage 80%\r\n\t\tpercentPosition: true,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ set cell value in percentage like carousel-cell 60%\r\n\t\tlazyLoad: 2,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false\r\n\t\t\/\/hash: true,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false - defile id=\"image 1\"\r\n\t});\r\n\t\r\n\t\t\r\n\tcarousel_8.flickity('resize');\r\n});\r\n<\/script>\r\n\r\n<!-- slider start-->\r\n<div class=\"carousel-8 carousel-main-8\">\r\n\t\t\t\t<div class=\"carousel-cell-8\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-karolina-grabowska-4207677.jpg\" alt=\"karolina-grabowska\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-8\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-element-digital-837257.jpg\" alt=\"element-digital\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-8\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-brett-sayles-4602352.jpg\" alt=\"brett-sayles\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-8\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-brett-sayles-4455013.jpg\" alt=\"brett-sayles\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-8\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-brett-sayles-4425160.jpg\" alt=\"brett-sayles\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-8\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-brett-sayles-4388473.jpg\" alt=\"brett-sayles\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n<!-- slider end-->\r\n\r\n<!-- slider thumbnails start-->\r\n<!-- slider thumbnails end-->\r\n\r\n<style>\r\n.carousel-8 {\r\n\theight: auto;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmargin-bottom: 40px;\r\n}\r\n\r\n.carousel-8 .sf-1-slide-image {\r\n\tmax-width: 100% !important;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.sf-1-slide-content {\r\n\tposition: absolute;\r\n\tfont-size: 18px;\r\n\tcolor: white;\r\n\tpointer-events: none !important;\r\n\twidth: 100%;\r\n\tbottom: 8px !important;\r\n\ttext-align: center;\r\n}\r\n\r\n.sf-1-slide-title {\r\n\tpadding: 4px 6px;\r\n}\r\n\r\n.sf-1-slide-desc {\r\n\tpadding: 4px 6px;\r\n}\r\n\r\n.sf-1-slide-button-1, .sf-1-slide-button-2 {\r\n\tpadding-bottom: 5px !important;\r\n}\t\r\n\r\n.sf-1-slide-thumbnails {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.flickity-page-dots {\r\n\tpadding: 0px !important;\r\n}\r\n\r\n\t.carousel-8.is-fullscreen .carousel-cell-8 {\r\n\theight: 100% !important;\r\n}\r\n\r\n.carousel-8.is-fullscreen .carousel-cell-8 .sf-1-slide-image {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tdisplay: block;\r\n\tobject-fit: contain;\r\n}\r\n\r\n\/* 1 *\/\r\n\r\n\r\n\/* 2 *\/\r\n\r\n\/* 3 *\/\r\n.carousel-cell-8 {\r\n\twidth: 30%;\r\n\theight: auto;\r\n\tmargin-right: 10px;\r\n}\r\n\r\n<!-- slider thumbnails style start-->\r\n<!-- slider thumbnails style end-->\r\n\r\n\r\n.flickity-viewport {\r\n\ttransition: height 0.2s;\r\n}\r\n\r\n\/**** media queries start ****\/\r\n@media(max-width:650px){\r\n\t.sf-1-slide-content {\r\n\t\tposition: absolute;\r\n\t\tfont-size: 12px;\r\n\t\tcolor: white;\r\n\t\tpointer-events: none !important;\r\n\t\twidth: 100%;\r\n\t\tbottom: 0px !important;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.sf-1-slide-title {\r\n\t\tpadding: 0px 6px;\r\n\t}\r\n\r\n\t.sf-1-slide-desc {\r\n\t\tpadding: 0px 6px;\r\n\t}\r\n\t.flickity-prev-next-button {\r\n\t\twidth: 22px !important;\r\n\t\theight: 22px !important;\r\n\t}\r\n}\r\n@media(max-width:450px){\r\n\t.sf-1-slide-content {\r\n\t\tposition: absolute;\r\n\t\tfont-size: 7px;\r\n\t\tcolor: white;\r\n\t\tpointer-events: none !important;\r\n\t\twidth: 100%;\r\n\t\tbottom: 0px !important;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.sf-1-slide-title {\r\n\t\tpadding: 0px 3px;\r\n\t}\r\n\r\n\t.sf-1-slide-desc {\r\n\t\tpadding: 0px 3px;\r\n\t}\r\n\t.flickity-prev-next-button {\r\n\t\twidth: 18px !important;\r\n\t\theight: 18px !important;\r\n\t}\r\n}\r\n\/**** media queries end ****\/\r\n\r\n\r\n<\/style>\r\n\n\r\n<p>&nbsp;<\/p>\r\n\r\n<p class=\"has-text-align-left\"><strong>Settings Used:<\/strong> Design Preset &#8211; 3, Auto-Play &#8211; ON, Fade Effect &#8211; OFF, Slider Thumbnails &#8211; OFF, Slider Navigation Arrows &#8211; OFF, Slider Navigation Dots &#8211; ON, Full Screen Button &#8211; OFF, Auto Play Speed &#8211; 3000ms, Infinite Scroll &#8211; ON, Pause On Mouse Hover &#8211; OFF, Right To Left &#8211; OFF, Slide Align &#8211; Center<\/p>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 100px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 100px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<h4 class=\"has-text-align-center wp-block-heading\"><strong>An Example of Design One with Title and Description and Custom CSS <\/strong><\/h4>\r\n\r\n<p>&nbsp;<\/p>\r\n<script>\r\njQuery( document ).ready(function() {\r\n\tvar carousel_33 = jQuery('.carousel-main-33').flickity({\r\n\t\tdraggable:\ttrue,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false - '>1'\r\n\t\t\t\tautoPlay: 2000,\t\t\t\t\t\t\t\/\/ true\/false - numbers in milliseconds \r\n\t\t\t\tpauseAutoPlayOnHover: true,\t\/\/ true\/false\r\n\t\twrapAround:\ttrue,\t\t\t\t\t\t\/\/ for looping - true\/false\r\n\t\tfullscreen: false,\t\t\t\t\t\t\t\/\/ true\/false\r\n\t\tfade: false, \t\t\t\t\t\t\t\t\t\t\/\/ true\/false\r\n\t\tadaptiveHeight: true,\t\t\t\t\t\/\/ true\/false\r\n\t\tprevNextButtons: true,\t\t\t\t\t\/\/ true\/false \r\n\t\tpageDots: true,\t\t\t\t\t\t\t\/\/ dots under slider\r\n\t\trightToLeft: false,\t\t\t\t\t\t\t\t\t\/\/ RTL support\r\n\t\tdragThreshold: 10,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ in pixels - number of pixels a mouse or touch has to move\r\n\t\tinitialIndex: 0,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ numbering - starting slide\r\n\t\taccessibility: true,\r\n\t\tcellAlign: 'center',\t\t\t\t\t\t\t\/\/ Align cells within the carousel element.\r\n\t\tarrowShape: 'M 0,50 L 60,00 L 50,30 L 80,30 L 80,70 L 50,70 L 60,100 Z',\t\/\/ change nav arrow shape - svg format\r\n\t\t\/\/freeScroll:\ttrue,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false \r\n\t\t\/\/groupCells:\ttrue,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true - numbering - percentage 80%\r\n\t\tpercentPosition: true,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ set cell value in percentage like carousel-cell 60%\r\n\t\tlazyLoad: 2,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false\r\n\t\t\/\/hash: true,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false - defile id=\"image 1\"\r\n\t});\r\n\t\r\n\t\t\r\n\tcarousel_33.flickity('resize');\r\n});\r\n<\/script>\r\n\r\n<!-- slider start-->\r\n<div class=\"carousel-33 carousel-main-33\">\r\n\t\t\t\t<div class=\"carousel-cell-33\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Amstradam.jpg\" alt=\"Amsterdam\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\tAmsterdam\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\tAmsterdam is the capital and most populous city of the Netherlands\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-33\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/London.jpg\" alt=\"London\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\tLondon\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\tLondon is the capital and largest city of England and the United Kingdom.\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-33\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Rome-2.jpg\" alt=\"Rome\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\tRome\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\tRome, historic city and the capital of Italy.\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-33\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Rome.jpg\" alt=\"Colosseum\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\tColosseum, Rome\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\tColosseum, giant amphitheater built in Rome under the Flavian emperors.\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-33\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Venice-1.jpg\" alt=\"Venice\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\tVenice\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\tVenice is a city in northeastern Italy and the capital of the Veneto region.\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-33\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Venice-2.jpg\" alt=\"Venice\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\tVenice\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\tVenice is a city in northeastern Italy and the capital of the Veneto region.\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-33\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Zurich.jpg\" alt=\"Zurich\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\tZurich\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\tZ\u00fcrich is the largest city in Switzerland and the capital of the canton of Z\u00fcrich.\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n<!-- slider end-->\r\n\r\n<!-- slider thumbnails start-->\r\n<!-- slider thumbnails end-->\r\n\r\n<style>\r\n.carousel-33 {\r\n\theight: auto;\r\n\twidth: 100%;\r\n\theight: 80%;\r\n\tmargin-bottom: 40px;\r\n}\r\n\r\n.carousel-33 .sf-1-slide-image {\r\n\tmax-width: 100% !important;\r\n\twidth: 100%;\r\n\theight: 80%;\r\n}\r\n\r\n.sf-1-slide-content {\r\n\tposition: absolute;\r\n\tfont-size: 18px;\r\n\tcolor: white;\r\n\tpointer-events: none !important;\r\n\twidth: 100%;\r\n\tbottom: 8px !important;\r\n\ttext-align: center;\r\n}\r\n\r\n.sf-1-slide-title {\r\n\tpadding: 4px 6px;\r\n}\r\n\r\n.sf-1-slide-desc {\r\n\tpadding: 4px 6px;\r\n}\r\n\r\n.sf-1-slide-button-1, .sf-1-slide-button-2 {\r\n\tpadding-bottom: 5px !important;\r\n}\t\r\n\r\n.sf-1-slide-thumbnails {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.flickity-page-dots {\r\n\tpadding: 0px !important;\r\n}\r\n\r\n\r\n\/* 1 *\/\r\n.carousel-cell-33 {\r\n\twidth: 100%;\r\n\theight: auto;\r\n\tmargin-right: 10px;\r\n}\r\n\r\n\r\n\/* 2 *\/\r\n\r\n\/* 3 *\/\r\n\r\n<!-- slider thumbnails style start-->\r\n<!-- slider thumbnails style end-->\r\n\r\n\r\n.flickity-viewport {\r\n\ttransition: height 0.2s;\r\n}\r\n\r\n\/**** media queries start ****\/\r\n@media(max-width:650px){\r\n\t.sf-1-slide-content {\r\n\t\tposition: absolute;\r\n\t\tfont-size: 12px;\r\n\t\tcolor: white;\r\n\t\tpointer-events: none !important;\r\n\t\twidth: 100%;\r\n\t\tbottom: 0px !important;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.sf-1-slide-title {\r\n\t\tpadding: 0px 6px;\r\n\t}\r\n\r\n\t.sf-1-slide-desc {\r\n\t\tpadding: 0px 6px;\r\n\t}\r\n\t.flickity-prev-next-button {\r\n\t\twidth: 22px !important;\r\n\t\theight: 22px !important;\r\n\t}\r\n}\r\n@media(max-width:450px){\r\n\t.sf-1-slide-content {\r\n\t\tposition: absolute;\r\n\t\tfont-size: 7px;\r\n\t\tcolor: white;\r\n\t\tpointer-events: none !important;\r\n\t\twidth: 100%;\r\n\t\tbottom: 0px !important;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.sf-1-slide-title {\r\n\t\tpadding: 0px 3px;\r\n\t}\r\n\r\n\t.sf-1-slide-desc {\r\n\t\tpadding: 0px 3px;\r\n\t}\r\n\t.flickity-prev-next-button {\r\n\t\twidth: 18px !important;\r\n\t\theight: 18px !important;\r\n\t}\r\n}\r\n\/**** media queries end ****\/\r\n\r\n\r\n.carousel-33 .sf-1-slide-content {\n  background-color : rgba(0, 0, 0, 0.6);\n}\n\n.sf-1-slide-title {\n  font-size : 22px;\n}<\/style>\r\n\n\r\n<p>&nbsp;<\/p>\r\n\r\n<p class=\"has-text-align-left\"><strong>Settings Used:<\/strong> Design Preset &#8211; 1, Auto-Play &#8211; ON, Fade Effect &#8211; OFF, Slider Thumbnails &#8211; OFF, Slider Navigation Arrows &#8211; ON, Slider Navigation Dots &#8211; ON, Full Screen Button &#8211; OFF, Auto Play Speed &#8211; 2000ms, Infinite Scroll &#8211; ON, Pause On Mouse Hover &#8211; ON, Right To Left &#8211; OFF, With Title and Description, With Custom CSS<\/p>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 100px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 100px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<h4 class=\"has-text-align-center wp-block-heading\"><strong><strong>An Example of Design Two with Multi-Language and RTL Support<\/strong><\/strong><\/h4>\r\n\r\n<p>&nbsp;<\/p>\r\n<script>\r\njQuery( document ).ready(function() {\r\n\tvar carousel_34 = jQuery('.carousel-main-34').flickity({\r\n\t\tdraggable:\ttrue,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false - '>1'\r\n\t\t\t\tautoPlay: 3500,\t\t\t\t\t\t\t\/\/ true\/false - numbers in milliseconds \r\n\t\t\t\tpauseAutoPlayOnHover: true,\t\/\/ true\/false\r\n\t\twrapAround:\tfalse,\t\t\t\t\t\t\/\/ for looping - true\/false\r\n\t\tfullscreen: true,\t\t\t\t\t\t\t\/\/ true\/false\r\n\t\tfade: false, \t\t\t\t\t\t\t\t\t\t\/\/ true\/false\r\n\t\tadaptiveHeight: true,\t\t\t\t\t\/\/ true\/false\r\n\t\tprevNextButtons: true,\t\t\t\t\t\/\/ true\/false \r\n\t\tpageDots: true,\t\t\t\t\t\t\t\/\/ dots under slider\r\n\t\trightToLeft: true,\t\t\t\t\t\t\t\t\t\/\/ RTL support\r\n\t\tdragThreshold: 10,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ in pixels - number of pixels a mouse or touch has to move\r\n\t\tinitialIndex: 0,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ numbering - starting slide\r\n\t\taccessibility: true,\r\n\t\tcellAlign: 'right',\t\t\t\t\t\t\t\/\/ Align cells within the carousel element.\r\n\t\tarrowShape: 'M 0,50 L 60,00 L 50,30 L 80,30 L 80,70 L 50,70 L 60,100 Z',\t\/\/ change nav arrow shape - svg format\r\n\t\t\/\/freeScroll:\ttrue,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false \r\n\t\t\/\/groupCells:\ttrue,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true - numbering - percentage 80%\r\n\t\tpercentPosition: true,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ set cell value in percentage like carousel-cell 60%\r\n\t\tlazyLoad: 2,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false\r\n\t\t\/\/hash: true,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false - defile id=\"image 1\"\r\n\t});\r\n\t\r\n\t\t\/\/ thumbnails\r\n\tjQuery('.carousel-nav-34').flickity({\r\n\t\tasNavFor: '.carousel-main-34',\r\n\t\tcontain: true,\r\n\t\tpageDots: false,\r\n\t\trightToLeft: true,\t\t\t\t\t\t\t\t\t\/\/ RTL support\r\n\t});\r\n\t\t\r\n\tcarousel_34.flickity('resize');\r\n});\r\n<\/script>\r\n\r\n<!-- slider start-->\r\n<div class=\"carousel-34 carousel-main-34\">\r\n\t\t\t\t<div class=\"carousel-cell-34\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Camel-Egypt.jpg\" alt=\"\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\u062c\u0645\u0644 \u0645\u0635\u0631\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\u0633\u0641\u0627\u0631\u064a \u0627\u0644\u062c\u0645\u0644 \u0641\u064a \u0635\u062d\u0631\u0627\u0621 \u0645\u0635\u0631\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-34\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Cave-Desert.jpg\" alt=\"\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\u0635\u062d\u0631\u0627\u0621 \u0627\u0644\u0643\u0647\u0641\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\u0627\u0644\u0643\u0647\u0648\u0641 \u0641\u064a \u0627\u0644\u0635\u062d\u0631\u0627\u0621\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-34\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Evening-Desert.jpg\" alt=\"\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\u0645\u0633\u0627\u0621 \u0627\u0644\u0635\u062d\u0631\u0627\u0621\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\u0645\u0633\u0627\u0621 \u0623\u062d\u0645\u0631 \u0641\u064a \u0627\u0644\u0635\u062d\u0631\u0627\u0621\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-34\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Giza-Egypt.jpg\" alt=\"\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\u0623\u0647\u0631\u0627\u0645\u0627\u062a \u0627\u0644\u062c\u064a\u0632\u0629\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\u0623\u0647\u0631\u0627\u0645\u0627\u062a \u0627\u0644\u062c\u064a\u0632\u0629 \u0645\u0635\u0631\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-34\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Night-Desert.jpg\" alt=\"\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\u0644\u064a\u0644\u0629 \u0627\u0644\u0635\u062d\u0631\u0627\u0621\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\u0627\u0644\u0644\u064a\u0644 \u0641\u064a \u0627\u0644\u0635\u062d\u0631\u0627\u0621 \u0627\u0644\u0648\u0633\u0637\u0649\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-34\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Oasis-Desert.jpg\" alt=\"\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\u0648\u0627\u062d\u0629 \u0627\u0644\u0635\u062d\u0631\u0627\u0621\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\u0648\u0627\u062d\u0629 \u0641\u064a \u0627\u0644\u0635\u062d\u0631\u0627\u0621\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n<!-- slider end-->\r\n\r\n<!-- slider thumbnails start-->\r\n<div class=\"carousel-34 carousel-nav-34\">\r\n\t\t\t\t<div class=\"carousel-thumbnails-cell-34\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Camel-Egypt-150x150.jpg\" alt=\"\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-34\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Cave-Desert-150x150.jpg\" alt=\"\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-34\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Evening-Desert-150x150.jpg\" alt=\"\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-34\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Giza-Egypt-150x150.jpg\" alt=\"\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-34\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Night-Desert-150x150.jpg\" alt=\"\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-34\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Oasis-Desert-150x150.jpg\" alt=\"\">\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n<!-- slider thumbnails end-->\r\n\r\n<style>\r\n.carousel-34 {\r\n\theight: auto;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmargin-bottom: 40px;\r\n}\r\n\r\n.carousel-34 .sf-1-slide-image {\r\n\tmax-width: 100% !important;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.sf-1-slide-content {\r\n\tposition: absolute;\r\n\tfont-size: 18px;\r\n\tcolor: white;\r\n\tpointer-events: none !important;\r\n\twidth: 100%;\r\n\tbottom: 8px !important;\r\n\ttext-align: center;\r\n}\r\n\r\n.sf-1-slide-title {\r\n\tpadding: 4px 6px;\r\n}\r\n\r\n.sf-1-slide-desc {\r\n\tpadding: 4px 6px;\r\n}\r\n\r\n.sf-1-slide-button-1, .sf-1-slide-button-2 {\r\n\tpadding-bottom: 5px !important;\r\n}\t\r\n\r\n.sf-1-slide-thumbnails {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.flickity-page-dots {\r\n\tpadding: 0px !important;\r\n}\r\n\r\n\t.carousel-34.is-fullscreen .carousel-cell-34 {\r\n\theight: 100% !important;\r\n}\r\n\r\n.carousel-34.is-fullscreen .carousel-cell-34 .sf-1-slide-image {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tdisplay: block;\r\n\tobject-fit: contain;\r\n}\r\n\r\n\/* 1 *\/\r\n\r\n\r\n\/* 2 *\/\r\n.carousel-cell-34 {\r\n\twidth: 66%;\r\n\theight: auto;\r\n\tmargin-right: 10px;\r\n}\r\n\r\n\/* 3 *\/\r\n\r\n<!-- slider thumbnails style start-->\r\n.carousel-thumbnails-cell-34 {\r\n\theight: 100px;\r\n\twidth: 100px;\r\n}\r\n\r\n.carousel-nav-34 .carousel-thumbnails-cell-34 {\r\n\theight: 100px;\r\n\twidth: 100px;\r\n}\r\n\r\n.carousel-nav-34 .carousel-thumbnails-cell-34.is-nav-selected {\r\n\tbackground: #000;\r\n\tpadding: 3px;\r\n}\r\n\r\n<!-- slider thumbnails style end-->\r\n\r\n\r\n.flickity-viewport {\r\n\ttransition: height 0.2s;\r\n}\r\n\r\n\/**** media queries start ****\/\r\n@media(max-width:650px){\r\n\t.sf-1-slide-content {\r\n\t\tposition: absolute;\r\n\t\tfont-size: 12px;\r\n\t\tcolor: white;\r\n\t\tpointer-events: none !important;\r\n\t\twidth: 100%;\r\n\t\tbottom: 0px !important;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.sf-1-slide-title {\r\n\t\tpadding: 0px 6px;\r\n\t}\r\n\r\n\t.sf-1-slide-desc {\r\n\t\tpadding: 0px 6px;\r\n\t}\r\n\t.flickity-prev-next-button {\r\n\t\twidth: 22px !important;\r\n\t\theight: 22px !important;\r\n\t}\r\n}\r\n@media(max-width:450px){\r\n\t.sf-1-slide-content {\r\n\t\tposition: absolute;\r\n\t\tfont-size: 7px;\r\n\t\tcolor: white;\r\n\t\tpointer-events: none !important;\r\n\t\twidth: 100%;\r\n\t\tbottom: 0px !important;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.sf-1-slide-title {\r\n\t\tpadding: 0px 3px;\r\n\t}\r\n\r\n\t.sf-1-slide-desc {\r\n\t\tpadding: 0px 3px;\r\n\t}\r\n\t.flickity-prev-next-button {\r\n\t\twidth: 18px !important;\r\n\t\theight: 18px !important;\r\n\t}\r\n}\r\n\/**** media queries end ****\/\r\n\r\n\r\n.carousel-34 .sf-1-slide-content {\ncolor : yellow;\n}\n\n.carousel-34 .sf-1-slide-title {\n  font-size : 38px;\n}<\/style>\r\n\n\r\n<p>&nbsp;<\/p>\r\n\r\n<p class=\"has-text-align-left\"><strong>Settings Used:<\/strong> Design Preset &#8211; 2, Auto-Play &#8211; ON, Fade Effect &#8211; OFF, Slider Thumbnails &#8211; ON, Slider Navigation Arrows &#8211; ON, Slider Navigation Dots &#8211; ON, Full Screen Button &#8211; ON, Auto Play Speed &#8211; 3500ms, Infinite Scroll &#8211; ON, Pause On Mouse Hover &#8211; ON, Right To Left &#8211; ON, With Title and Description, With Custom CSS, Multi Language Support, Slide Align &#8211; Right<\/p>\r\n\r\n<p>&nbsp;<\/p>\r\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;150px&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column][vc_column_text]<\/p>\r\n<h1 style=\"text-align: center;\"><strong>Youtube Tutorial For Slider Factory <\/strong><\/h1>\r\n<h1 style=\"text-align: center;\"><strong>Layout One<\/strong><\/h1>\r\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_video link=&#8221;https:\/\/www.youtube.com\/watch?v=TvjnPUnASf0&amp;t=26s&#8221;][\/vc_column][\/vc_row]<\/p>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text] A Basic Example Design One &nbsp; &nbsp; Settings Used: Design Preset &#8211; 1, Auto-Play &#8211; ON, Fade Effect &#8211; ON, Slider Thumbnails &#8211; ON, Slider Navigation Arrows &#8211; ON, Slider Navigation Dots &#8211; ON, Full Screen Button &#8211; ON, Auto Play Speed &#8211; 2500ms, Infinite Scroll &#8211; ON, Pause On Mouse Hover &#8211; ON [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":77,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/comments?post=5"}],"version-history":[{"count":38,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":5136,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/5\/revisions\/5136"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/media?parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}