{"id":1708,"date":"2021-02-02T08:39:03","date_gmt":"2021-02-02T08:39:03","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/?page_id=1708"},"modified":"2021-03-16T08:15:51","modified_gmt":"2021-03-16T08:15:51","slug":"recipes-slider","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/recipes-slider\/","title":{"rendered":"Recipes Slider"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text]<\/p>\n<h4 style=\"text-align: center;\"><strong>Slider By Layout 4\u00a0<\/strong><\/h4>\n<p>&nbsp;<\/p>\n<script>\r\njQuery( document ).ready(function() {\r\n\t\/\/ Avoid `console` errors in browsers that lack a console.\r\n\t(function () {\r\n\t\tvar method;\r\n\t\tvar noop = function () {};\r\n\t\tvar methods = [\r\n\t\t\t'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',\r\n\t\t\t'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',\r\n\t\t\t'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',\r\n\t\t\t'timeline', 'timelineEnd', 'timeStamp', 'trace', 'warn'\r\n\t\t];\r\n\t\tvar length = methods.length;\r\n\t\tvar console = (window.console = window.console || {});\r\n\r\n\t\twhile (length--) {\r\n\t\t\tmethod = methods[length];\r\n\r\n\t\t\t\/\/ Only stub undefined methods.\r\n\t\t\tif (!console[method]) {\r\n\t\t\t\tconsole[method] = noop;\r\n\t\t\t}\r\n\t\t}\r\n\t}());\r\n\r\n\tjQuery('.sf-4-47').camera({\r\n\t\/\/jQuery('.camera_wrap').camera({\r\n\r\n\t\t\/\/ you can also leave it blank\r\n\t\t\/\/minHeight: '200px',\r\n\t\tminHeight: '200px',\r\n\r\n\t\t\/\/ topLeft, topCenter, topRight, centerLeft, center, centerRight, bottomLeft, bottomCenter, bottomRight\r\n\t\t\/\/alignment:'center',\r\n\t\talignment:'center',\r\n\r\n\t\t\/\/ true, false\r\n\t\t\/\/autoAdvance:true,\r\n\t\tautoAdvance:true,\r\n\r\n\t\t\/\/ true, false. Auto-advancing for mobile devices\r\n\t\t\/\/mobileAutoAdvance:false,\r\n\t\tmobileAutoAdvance:true,\r\n\r\n\r\n\t\t\/\/ true, false. Select true if you don't want that your images are cropped\r\n\t\t\/\/portrait: true,\r\n\t\tportrait: false,\r\n\r\n\r\n\t\t\/\/easing:'easeInOutExpo',\t\t\t\t\t\t\t\t\t\/\/jQuery easing effect list https:\/\/api.jqueryui.com\/easings\/\r\n\t\t\/\/mobileEasing:'',\t\t\t\t\t\t\t\t\/\/leave empty if you want to display the same easing on mobile devices and on desktop etc.\r\n\t\teasing:'easeInOutExpo',\t\t\t\t\t\t\t\t\t\/\/jQuery easing effect list https:\/\/api.jqueryui.com\/easings\/\r\n\t\tmobileEasing:'',\t\t\t\t\t\t\t\t\/\/leave empty if you want to display the same easing on mobile devices and on desktop etc.\r\n\r\n\t\t\/\/ 'random','simpleFade', 'curtainTopLeft', 'curtainTopRight', 'curtainBottomLeft', 'curtainBottomRight', 'curtainSliceLeft', 'curtainSliceRight', 'blindCurtainTopLeft', 'blindCurtainTopRight', 'blindCurtainBottomLeft', 'blindCurtainBottomRight', 'blindCurtainSliceBottom', 'blindCurtainSliceTop', 'stampede', 'mosaic', 'mosaicReverse', 'mosaicRandom', 'mosaicSpiral', 'mosaicSpiralReverse', 'topLeftBottomRight', 'bottomRightTopLeft', 'bottomLeftTopRight', 'bottomLeftTopRight'\r\n\t\t\/\/you can also use more than one effect, just separate them with commas: 'simpleFade, scrollRight, scrollBottom'\r\n\t\t\/\/fx:'random',\r\n\t\t\/\/mobileFx:'',\t\t\t\t\t\t\t\t\t\/\/ leave empty if you want to display the same effect on mobile devices and on desktop etc.\r\n\t\tfx:'random',\r\n\t\tmobileFx:'random',\t\t\t\t\t\t\t\t\t\/\/ leave empty if you want to display the same effect on mobile devices and on desktop etc.\r\n\r\n\t\t\/\/ the number of columns\r\n\t\t\/\/cols: 6,\t\t\t\t\t\t\t\t\t\t\/\/ default 6\r\n\t\tcols: 6,\t\t\t\t\t\t\t\t\t\t\/\/ default 6\r\n\r\n\t\t\/\/ the number of rows\r\n\t\t\/\/rows: 8,\r\n\t\trows: 4,\r\n\t\t\/\/ if 0 the same value of cols\r\n\t\t\/\/slicedCols: 20,\r\n\t\tslicedCols: 12,\r\n\t\t\/\/ if 0 the same value of rows\r\n\t\t\/\/slicedRows: 20,\r\n\t\tslicedRows: 8,\r\n\r\n\t\t\/\/ to make the <a href=\"https:\/\/www.jqueryscript.net\/tags.php?\/grid\/\">grid<\/a> blocks slower than the slices, this value must be smaller than transPeriod\r\n\t\t\/\/gridDifference: 500,\r\n\t\tgridDifference: 250,\r\n\r\n\t\t\/\/ here you can type pixels (for instance '300px'), a percentage (relative to the width of the slideshow, for instance '50%') or 'auto'\r\n\t\t\/\/height: '60%',\r\n\t\theight: '70%',\r\n\r\n\t\t\/\/ the path to the image folder (it serves for the blank.gif, when you want to display <a href=\"https:\/\/www.jqueryscript.net\/tags.php?\/video\/\">video<\/a>s)\r\n\t\t\/\/imagePath:'images\/', \r\n\r\n\t\t\/\/hover:true,\t\t\t\t\t\t\t\t\t\t\/\/ true, false. Pause on state hover. Not available for mobile devices\r\n\t\thover:true,\r\n\r\n\r\n\t\t\/\/ pie, bar, none (even if you choose \"pie\", old browsers like IE8- can't display it... they will display always a loading bar)\r\n\t\t\/\/loader: 'pie', \r\n\t\t\/\/loaderColor: '#000000',\r\n\t\t\/\/loaderBgColor: '#ffffff',\r\n\t\tloader: 'bar', \r\n\t\tloaderColor: '#ffffff',\r\n\t\tloaderBgColor: '#000000',\r\n\r\n\t\tloaderOpacity: .8,  \/\/0, .1, .2, .3, .4, .5, .6, .7, .8, .9, 1\r\n\t\tloaderPadding: 2,\r\n\t\tloaderStroke: 7,\r\n\r\n\t\t\/\/pieDiameter: 38,\r\n\t\t\/\/piePosition: 'rightTop', \t\t\t\t\t\/\/'rightTop', 'leftTop', 'leftBottom', 'rightBottom'\r\n\t\tpieDiameter: 30,\r\n\t\tpiePosition: 'rightBottom', \t\t\t\t\t\/\/'rightTop', 'leftTop', 'leftBottom', 'rightBottom'\r\n\r\n\t\tbarDirection:'leftToRight', \t\t\t\t\t\/\/ loading line in bottom - 'leftToRight', 'rightToLeft', 'topToBottom', 'bottomToTop'\r\n\t\tbarPosition:'bottom',\t\t\t\t\t\t\t\/\/ loading line in position - 'bottom', 'left', 'top', 'right'\r\n\r\n\r\n\t\t\/\/navigation: true,\t\t\t\t\t\t\t\t\/\/ true or false, to display or not the navigation buttons\r\n\t\t\/\/navigationHover: false,\t\t\t\t\t\t\t\/\/ visible on hover state only, if false they will be visible always\r\n\t\t\/\/mobileNavHover: false,\t\t\t\t\t\t\t\/\/ same as navigationHover, but only for mobile devices (not included in layout settings)\r\n\t\t\/\/playPause: true,\t\t\t\t\t\t\t\t\/\/true or false, to display or not the play\/pause buttons\r\n\t\tnavigation: true,\t\t\t\t\t\t\t\t\/\/ true or false, to display or not the navigation buttons\r\n\t\tnavigationHover: false,\t\t\t\t\t\t\t\/\/ visible on hover state only, if false they will be visible always\r\n\t\tmobileNavHover: false,\t\t\t\t\t\t\t\/\/ same as navigationHover, but only for mobile devices (not included in layout settings)\r\n\t\tplayPause: true,\t\t\t\t\t\t\t\t\/\/true or false, to display or not the play\/pause buttons\r\n\r\n\t\t\/\/ true, false. Decide to apply a fade effect to blocks and slices: if your slideshow is full screen or simply big, I recommend to set it false to have a smoother effect\r\n\t\topacityOnGrid: true,\r\n\t\t\/\/ a layer on the images to prevent the users grab them simply by clicking the right button of their mouse (.camera_overlayer)\r\n\t\toverlayer: true,\r\n\r\n\t\t\/\/1 None\r\n\t\t\t\tpagination: false,\t\t\t\t\t\t\t\t\/\/ enable pagination dots under slider\r\n\t\tthumbnails: false,\t\t\t\t\t\t\t\t\/\/ shows thumbnails\r\n\t\t\t\t\/\/1\r\n\r\n\t\t\/\/2 Dots\r\n\t\t\t\t\/\/2\r\n\r\n\t\t\/\/3 Thumbnails\r\n\t\t\t\t\/\/3\r\n\r\n\t\t\/\/pauseOnClick: true,\t\t\t\t\t\t\t\t\/\/ true, false. It stops the slideshow when you click the sliders.\r\n\t\tpauseOnClick: true,\r\n\r\n\r\n\t\t\/\/ next, prev, random: decide if the transition effect will be applied to the current (prev) or the next slide\r\n\t\tslideOn: 'random',\t\t\t\t\t\t\t\t\/\/ use the value as fx\r\n\r\n\r\n\r\n\t\t\/\/time: 7000,\t\t\t\t\t\t\t\t\t\t\/\/ milliseconds between the end of the sliding effect and the start of the next one\r\n\t\ttime: 4000,\t\t\t\t\t\t\t\t\t\t\/\/ milliseconds between the end of the sliding effect and the start of the next one\r\n\r\n\t\t\/\/transPeriod: 1500,\t\t\t\t\t\t\t\t\/\/ length of the sliding effect in milliseconds\r\n\t\ttransPeriod: 2000,\t\t\t\t\t\t\t\t\/\/ length of the sliding effect in milliseconds\r\n\t});\r\n\r\n});\r\n<\/script>\r\n\r\n<!-- slider start-->\r\n <div class=\"sf-4-47\">\r\n\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Chicken-Pesto-Paninis.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Chicken-Pesto-Paninis-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Chicken-Pesto-Paninis.jpg\" alt=\"Chicken Pesto Paninis\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Chicken Pesto Paninis<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-desc\">A delicious mix of chicken, pesto, veggies, and cheese all melted together on flavorful focaccia bread. Simple, fast, and very tasty - a nice change from normal sandwiches.<\/p>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"sf-4-slide-button-link-1\" href=\"https:\/\/www.allrecipes.com\/recipe\/87211\/chicken-pesto-paninis\/\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-4-slide-button-1\">\r\n\t\t\t\t\t\t\tRead &amp; Try Recipe\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Homemade-Chicken-A-La-King.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Homemade-Chicken-A-La-King-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Homemade-Chicken-A-La-King.jpg\" alt=\"Homemade Chicken A La King\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Homemade Chicken A La King<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-desc\">It&#039;s homemade, easy and excellent.<\/p>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"sf-4-slide-button-link-1\" href=\"https:\/\/www.allrecipes.com\/recipe\/25718\/homemade-chicken-a-la-king\/\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-4-slide-button-1\">\r\n\t\t\t\t\t\t\tRead &amp; Try Recipe\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Al-Kabsa-Traditional-Saudi-Rice-and-Chicken.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Al-Kabsa-Traditional-Saudi-Rice-and-Chicken-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Al-Kabsa-Traditional-Saudi-Rice-and-Chicken.jpg\" alt=\"Al Kabsa - Traditional Saudi Rice and Chicken\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Al Kabsa \u2013 Traditional Saudi Rice and Chicken<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-desc\">This was the first Arabic dish I ever made and it turned out extremely delicious, a new favorite! Serve Al Kabsa with a fresh mixed cucumber, carrot, lettuce, and tomato salad -- preferably with a little lime vinaigrette. Some fresh pita bread on the side would be nice also. Saudis like their Kabsa with a hot sauce called &#039;Shattah&#039;. Enjoy!<\/p>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"sf-4-slide-button-link-1\" href=\"https:\/\/www.allrecipes.com\/recipe\/216889\/al-kabsa-traditional-saudi-rice-and-chicken\/\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-4-slide-button-1\">\r\n\t\t\t\t\t\t\tRead &amp; Try Recipe\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Peanut-Butter-Sauce-Chicken.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Peanut-Butter-Sauce-Chicken-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Peanut-Butter-Sauce-Chicken.jpg\" alt=\"Peanut Butter Sauce Chicken\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Peanut Butter Sauce Chicken<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-desc\">An invention of mine to make use of some leftover chicken breasts. Its ingredients mainly belong to the Far-Eastern cuisine, but it also has a slight Latin twist and a Lebanese hint!<\/p>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"sf-4-slide-button-link-1\" href=\"https:\/\/www.allrecipes.com\/recipe\/216544\/peanut-butter-sauce-chicken\/\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-4-slide-button-1\">\r\n\t\t\t\t\t\t\tRead &amp; Try Recipe\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Chicken-and-Rice.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Chicken-and-Rice-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Chicken-and-Rice.jpg\" alt=\"Chicken and Rice\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Chicken and Rice<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-desc\">Quickest thing going. Even my 12 year old son can make it in less than 15 minutes! Great for kids, big and small alike. Believe it or not, this dish is ready to eat in about 10 minutes! Delicious!<\/p>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"sf-4-slide-button-link-1\" href=\"https:\/\/www.allrecipes.com\/recipe\/8909\/chicken-and-rice\/\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-4-slide-button-1\">\r\n\t\t\t\t\t\t\tRead &amp; Try Recipe\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n<!-- slider end-->\r\n\r\n\r\n\r\n<style>\r\n.sf-4-47 {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.sf-4-slide-content {\r\n\r\n}\r\n\r\n.sf-4-slide-title {\r\n\tcolor: #FFF;\r\n\tfont-size: 22px;\r\n}\r\n.sf-4-slide-desc {\r\n\tcolor: #FFF;\r\n\tfont-size: 18px;\r\n}\r\n\r\n\r\n\/********* hide slide content on mobile with media query 25-Jan-2021 *********\/\r\n@media(max-width:770px){\r\n\t.camera_caption > div {\r\n\t\tpadding: 5px 10px!important;\r\n\t}\r\n\r\n\t.camera_caption p {\r\n\t\tmargin: 0 0 5px;\r\n\t}\r\n\r\n\t.sf-4-slide-title {\r\n\tcolor: #FFF;\r\n\tfont-size: 17px;\r\n\t}\r\n\r\n\t.sf-4-slide-desc {\r\n\t\tcolor: #FFF;\r\n\t\tfont-size: 13px;\r\n\t}\r\n}\r\n@media(max-width:580px){\r\n\t.camera_caption > div {\r\n\t\tpadding: 0px 4px !important;\r\n\r\n\t}\r\n\r\n\t.camera_caption p {\r\n\t\tmargin: 0px;\r\n\r\n\t}\r\n\r\n\t.sf-4-slide-title {\r\n\t\tcolor: #FFF;\r\n\t\tfont-size: 12px;\r\n\t\tline-height:2.5;\r\n\t}\r\n\r\n\t.sf-4-slide-desc {\r\n\t\tcolor: #FFF;\r\n\t\tfont-size: 9px;\r\n\t\tline-height:2.5;\r\n\t}\r\n}\r\n\/********* hide slide content on mobile with media query 25-Jan-2021 *********\/\r\n\r\n\r\n.camera_thumb {\r\n\twidth: 100px;\r\n\theight: 100px;\r\n}\r\n\r\n.sf-4-slide-button-1{ background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px; font-family: Georgia; color: #ffffff; padding: 10px 20px 10px 20px; text-decoration: none; margin-bottom: 10px; } .sf-4-slide-button-1:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; }<\/style>\r\n\n\n\n<div class=\"wp-block-spacer\" style=\"height: 100px;\" aria-hidden=\"true\">\u00a0<\/div>\n\n<h5 style=\"text-align: center;\"><strong>This slider is made by layout 4<\/strong><\/h5>\n<p><strong>Settings Used :<\/strong>\u00a0Auto Play \u2013 ON, Animation Easing Effect \u2013 easeInOutExpo, Animation FX Effect \u2013 random, Columns in Grid Animations \u2013 6, Rows in Grid Animations \u2013 4, Columns in Sliced Animations \u2013 12, Rows in Sliced Animations \u2013 8, Pause On Mouse Hover \u2013 ON, Pause On Mouse Click \u2013 ON, Loader Type \u2013 Bar, Bar Loader Direction \u2013 Right Bottom, Bar Loader Position \u2013 Bottom, Next\/Prev Buttons \u2013 ON, Show Play\/Pause Button \u2013 ON, Show Next\/Prev Buttons on Hover \u2013 OFF, Pagination Style \u2013 OFF with Custom CSS<\/p>\n\n<p>&nbsp;<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text] Slider By Layout 4\u00a0 &nbsp; This slider is made by layout 4 Settings Used :\u00a0Auto Play \u2013 ON, Animation Easing Effect \u2013 easeInOutExpo, Animation FX Effect \u2013 random, Columns in Grid Animations \u2013 6, Rows in Grid Animations \u2013 4, Columns in Sliced Animations \u2013 12, Rows in Sliced Animations \u2013 8, Pause On [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":23,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1708","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/1708","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=1708"}],"version-history":[{"count":4,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/1708\/revisions"}],"predecessor-version":[{"id":2856,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/1708\/revisions\/2856"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/media?parent=1708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}