{"id":16,"date":"2021-01-21T08:52:31","date_gmt":"2021-01-21T08:52:31","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/?page_id=16"},"modified":"2021-04-05T08:29:06","modified_gmt":"2021-04-05T08:29:06","slug":"layout-6","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/layout-6\/","title":{"rendered":"Layout 6"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text]<\/p>\n<h4 class=\"has-text-align-center wp-block-heading\"><strong>A Basic Example<\/strong><\/h4>\n\n<p><script>\r\njQuery(window).on('load', function(){\r\n\tjQuery('.sf-6-6').wipeSlider({\r\n\t\ttransition : 2500,\t\t\t\t\t\/\/ Effect duration half & 1\/4 is batter.\r\n\t\tduration : 4000,\t\t\t\t\t\/\/ Auto Play Duration (if autoplay is true).\r\n\t\tauto : true,\t\t\t\t\t\t\/\/ Auto Play .\r\n\t\tpager : true,  \t\t\t\t\t\t\/\/ Page Dots.\r\n\t\tcontrols : true,                    \/\/ navigation arrow.\r\n\t\tvariable: true,\t\t\t\t\t\/\/\r\n\t\tdirection : 'four',         \/\/Start Wrap Diraction vertical & horizontal & four (random).\r\n\t\teasing : 'linear',\r\n\t\tslideLength : 0,\r\n\t\tslideNum : 0,\r\n\t\tbackFlag : false,\r\n\t});\r\n});\r\n<\/script>\r\n<div class=\"slidesWrap sf-6-6\">\r\n\t<ul class=\"slides ulslide\">\r\n\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-binyamin-mellish-17840-Custom.jpg\" alt=\"binyamin-mellish\">\r\n\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-binyamin-mellish-186076-Custom.jpg\" alt=\"binyamin-mellish\">\r\n\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-pixabay-71104-Custom.jpg\" alt=\"pixabay\">\r\n\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-pixabay-274422-Custom.jpg\" alt=\"\">\r\n\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-pixabay-262524-Custom.jpg\" alt=\"pixabay\">\r\n\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-victor-freitas-841130-Custom.jpg\" alt=\"victor-freitas\">\r\n\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n<\/div>\r\n<style>\r\n\r\n.slidesWrap .slide{\r\n\twidth: 100%;\r\n}\r\n.slidesWrap .slide img{\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n.sf-6-6 {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n\/* FIX 15-JAN-2021 *\/\r\n.slide .m_innerBox{\r\n\tposition: absolute;\r\n\tbottom: 10px;\r\n\tleft: 10px;\r\n\tright: 10px;\r\n\tpadding: 10px;\r\n}\r\n\r\n\r\n\/* media queries start *\/\r\n@media only screen and (max-width: 600px) {\r\n\t.slide .m_innerBox{\r\n\t\tposition: absolute;\r\n\t\tbottom: 5px !important;\r\n\t\tleft: 5px  !important;\r\n\t\tright: 5px  !important;\r\n\t\tpadding: 5px  !important;\r\n\t\tfont-size: 12px  !important;\r\n\t}\r\n}\r\n@media only screen and (max-width: 500px) {\r\n\t.slide .m_innerBox{\r\n\t\tposition: absolute;\r\n\t\tbottom: 3px !important;\r\n\t\tleft: 3px  !important;\r\n\t\tright: 3px  !important;\r\n\t\tpadding: 3px  !important;\r\n\t\tfont-size: 9px  !important;\r\n\t}\r\n}\r\n\/* media queries end *\/\r\n\r\n<\/style>\r\n\n<\/p>\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p><strong>Settings Used :<\/strong> Auto Play \u2013 ON, Auto play Speed &#8211; 4000ms, Transition Speed &#8211; 2500ms, Slide Dots &#8211; ON, Slider Navigation Arrow &#8211; ON, Responsive Slider &#8211; ON, Slide Loading Direction &#8211; All four side Clockwise.<\/p>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<h4 class=\"has-text-align-center wp-block-heading\"><strong>A Basic Example With Title For Horizontal Wipe<\/strong><\/h4>\n\n<p><script>\r\njQuery(window).on('load', function(){\r\n\tjQuery('.sf-6-19').wipeSlider({\r\n\t\ttransition : 3000,\t\t\t\t\t\/\/ Effect duration half & 1\/4 is batter.\r\n\t\tduration : 5000,\t\t\t\t\t\/\/ Auto Play Duration (if autoplay is true).\r\n\t\tauto : true,\t\t\t\t\t\t\/\/ Auto Play .\r\n\t\tpager : true,  \t\t\t\t\t\t\/\/ Page Dots.\r\n\t\tcontrols : true,                    \/\/ navigation arrow.\r\n\t\tvariable: true,\t\t\t\t\t\/\/\r\n\t\tdirection : 'horizontal',         \/\/Start Wrap Diraction vertical & horizontal & four (random).\r\n\t\teasing : 'linear',\r\n\t\tslideLength : 0,\r\n\t\tslideNum : 0,\r\n\t\tbackFlag : false,\r\n\t});\r\n});\r\n<\/script>\r\n<div class=\"slidesWrap sf-6-19\">\r\n\t<ul class=\"slides ulslide\">\r\n\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/mary-taylor-7-1.jpg\" alt=\"mary-taylor\">\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"m_innerBox\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-title\">\r\n\t\t\t\t\t\twarm up stretches\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/mary-taylor-7-5.jpg\" alt=\"mary-taylor\">\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"m_innerBox\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-title\">\r\n\t\t\t\t\t\tstretches\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/mary-taylor-7-4.jpg\" alt=\"mary-taylor\">\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"m_innerBox\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-title\">\r\n\t\t\t\t\t\twarm up\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/mary-taylor-7-3.jpg\" alt=\"mary-taylor\">\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"m_innerBox\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-title\">\r\n\t\t\t\t\t\tmary-taylor warm up stretches\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n<\/div>\r\n<style>\r\n\r\n.slidesWrap .slide{\r\n\twidth: 100%;\r\n}\r\n.slidesWrap .slide img{\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n.sf-6-19 {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n\/* FIX 15-JAN-2021 *\/\r\n.slide .m_innerBox{\r\n\tposition: absolute;\r\n\tbottom: 10px;\r\n\tleft: 10px;\r\n\tright: 10px;\r\n\tpadding: 10px;\r\n}\r\n\r\n\r\n\/* media queries start *\/\r\n@media only screen and (max-width: 600px) {\r\n\t.slide .m_innerBox{\r\n\t\tposition: absolute;\r\n\t\tbottom: 5px !important;\r\n\t\tleft: 5px  !important;\r\n\t\tright: 5px  !important;\r\n\t\tpadding: 5px  !important;\r\n\t\tfont-size: 12px  !important;\r\n\t}\r\n}\r\n@media only screen and (max-width: 500px) {\r\n\t.slide .m_innerBox{\r\n\t\tposition: absolute;\r\n\t\tbottom: 3px !important;\r\n\t\tleft: 3px  !important;\r\n\t\tright: 3px  !important;\r\n\t\tpadding: 3px  !important;\r\n\t\tfont-size: 9px  !important;\r\n\t}\r\n}\r\n\/* media queries end *\/\r\n\r\n.sf-6-19 .m_innerBox { position: absolute; bottom: 10px; right: 10px; padding: 10px; background: rgb(68, 59, 61, 0.6); border-radius: 25px; } .sf-6-19 .sf-6-slide-title{ text-align: center; font-size: 150%; }<\/style>\r\n\n<\/p>\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p><strong>Settings Used :<\/strong> Auto Play \u2013 ON, Auto play Speed &#8211; 5000ms, Transition Speed &#8211; 3000ms, Slide Dots &#8211; ON, Slider Navigation Arrow &#8211; ON, Responsive Slider &#8211; ON, Slide Loading Direction -Horizontal with custom CSS.<\/p>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<h4 class=\"has-text-align-center wp-block-heading\"><strong> Title &amp; Description For Vertical Wipe<\/strong><\/h4>\n\n<p><script>\r\njQuery(window).on('load', function(){\r\n\tjQuery('.sf-6-20').wipeSlider({\r\n\t\ttransition : 2500,\t\t\t\t\t\/\/ Effect duration half & 1\/4 is batter.\r\n\t\tduration : 4000,\t\t\t\t\t\/\/ Auto Play Duration (if autoplay is true).\r\n\t\tauto : true,\t\t\t\t\t\t\/\/ Auto Play .\r\n\t\tpager : true,  \t\t\t\t\t\t\/\/ Page Dots.\r\n\t\tcontrols : true,                    \/\/ navigation arrow.\r\n\t\tvariable: true,\t\t\t\t\t\/\/\r\n\t\tdirection : 'vertical',         \/\/Start Wrap Diraction vertical & horizontal & four (random).\r\n\t\teasing : 'linear',\r\n\t\tslideLength : 0,\r\n\t\tslideNum : 0,\r\n\t\tbackFlag : false,\r\n\t});\r\n});\r\n<\/script>\r\n<div class=\"slidesWrap sf-6-20\">\r\n\t<ul class=\"slides ulslide\">\r\n\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/gabby-k-1-1.jpg\" alt=\"gabby-k basketball\">\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"m_innerBox\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-title\">\r\n\t\t\t\t\t\tbasketball Team\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-desc\">\r\n\t\t\t\t\t\tThe five players on each side fall into five playing positions. The tallest player is usually the center, the second-tallest and strongest is the power forward, a slightly shorter but more agile player is the small forward, and the shortest players or the best ball handlers are the shooting guard and the point guard, who implements the coach&#039;s game plan by managing the execution of offensive and defensive plays (player positioning). Informally, players may play three-on-three, two-on-two, and one-on-one.\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/gabby-k-1-7.jpg\" alt=\"basketball\">\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"m_innerBox\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-title\">\r\n\t\t\t\t\t\tbasketball Team\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-desc\">\r\n\t\t\t\t\t\tBasketball is a game played between two teams of five players each on a rectangular court, usually indoors. Each team tries to score by tossing the ball through the opponent&#039;s goal, an elevated horizontal hoop and net called a basket.\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/gabby-k-1-4.jpg\" alt=\"gabby-k basketball\">\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"m_innerBox\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-title\">\r\n\t\t\t\t\t\tbasketball Selfi\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-desc\">\r\n\t\t\t\t\t\tThe five players on each side fall into five playing positions. The tallest player is usually the center, the second-tallest and strongest is the power forward, a slightly shorter but more agile player is the small forward, and the shortest players or the best ball handlers are the shooting guard and the point guard, who implements the coach&#039;s game plan by managing the execution of offensive and defensive plays (player positioning). Informally, players may play three-on-three, two-on-two, and one-on-one.\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/gabby-k-1-3.jpg\" alt=\"gabby-k basketball\">\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"m_innerBox\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-title\">\r\n\t\t\t\t\t\tbasketball Playing\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-desc\">\r\n\t\t\t\t\t\tBasketball is a game played between two teams of five players each on a rectangular court, usually indoors. Each team tries to score by tossing the ball through the opponent&#039;s goal, an elevated horizontal hoop and net called a basket.\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/gabby-k-1-2.jpg\" alt=\"gabby-k basketball\">\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"m_innerBox\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-title\">\r\n\t\t\t\t\t\tbasketball players\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-desc\">\r\n\t\t\t\t\t\tThe five players on each side fall into five playing positions. The tallest player is usually the center, the second-tallest and strongest is the power forward, a slightly shorter but more agile player is the small forward, and the shortest players or the best ball handlers are the shooting guard and the point guard, who implements the coach&#039;s game plan by managing the execution of offensive and defensive plays (player positioning). Informally, players may play three-on-three, two-on-two, and one-on-one.\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/gabby-k-1-6.jpg\" alt=\"basketball\">\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"m_innerBox\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-title\">\r\n\t\t\t\t\t\tbasketball Playing\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-desc\">\r\n\t\t\t\t\t\tThe five players on each side fall into five playing positions. The tallest player is usually the center, the second-tallest and strongest is the power forward, a slightly shorter but more agile player is the small forward, and the shortest players or the best ball handlers are the shooting guard and the point guard, who implements the coach&#039;s game plan by managing the execution of offensive and defensive plays (player positioning). Informally, players may play three-on-three, two-on-two, and one-on-one.\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/gabby-k-1-5.jpg\" alt=\"basketball\">\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"m_innerBox\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-title\">\r\n\t\t\t\t\t\tbasketball Selfi\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-desc\">\r\n\t\t\t\t\t\tBasketball is a game played between two teams of five players each on a rectangular court, usually indoors. Each team tries to score by tossing the ball through the opponent&#039;s goal, an elevated horizontal hoop and net called a basket.\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n<\/div>\r\n<style>\r\n\r\n.slidesWrap .slide{\r\n\twidth: 100%;\r\n}\r\n.slidesWrap .slide img{\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n.sf-6-20 {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n\/* FIX 15-JAN-2021 *\/\r\n.slide .m_innerBox{\r\n\tposition: absolute;\r\n\tbottom: 10px;\r\n\tleft: 10px;\r\n\tright: 10px;\r\n\tpadding: 10px;\r\n}\r\n\r\n\r\n\/* media queries start *\/\r\n@media only screen and (max-width: 600px) {\r\n\t.slide .m_innerBox{\r\n\t\tposition: absolute;\r\n\t\tbottom: 5px !important;\r\n\t\tleft: 5px  !important;\r\n\t\tright: 5px  !important;\r\n\t\tpadding: 5px  !important;\r\n\t\tfont-size: 12px  !important;\r\n\t}\r\n}\r\n@media only screen and (max-width: 500px) {\r\n\t.slide .m_innerBox{\r\n\t\tposition: absolute;\r\n\t\tbottom: 3px !important;\r\n\t\tleft: 3px  !important;\r\n\t\tright: 3px  !important;\r\n\t\tpadding: 3px  !important;\r\n\t\tfont-size: 9px  !important;\r\n\t}\r\n}\r\n\/* media queries end *\/\r\n\r\n.sf-6-20 .m_innerBox { position: absolute; bottom: 10px; right: 10px; padding: 10px; background: rgb(222, 154, 154, 0.6); } .sf-6-20 .sf-6-slide-title{ text-align: center; }<\/style>\r\n\n<\/p>\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p><strong>Settings Used :<\/strong> Auto Play \u2013 ON, Auto play Speed &#8211; 4000ms, Transition Speed &#8211; 2500ms, Slide Dots &#8211; ON, Slider Navigation Arrow &#8211; ON, Responsive Slider &#8211; ON, Slide Loading Direction &#8211; Vertical with custom CSS.<\/p>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<h4 class=\"has-text-align-center wp-block-heading\"><strong>Title &amp; Description And Link Buttons For ClockWise Wipe<\/strong><\/h4>\n\n<p><script>\r\njQuery(window).on('load', function(){\r\n\tjQuery('.sf-6-48').wipeSlider({\r\n\t\ttransition : 3000,\t\t\t\t\t\/\/ Effect duration half & 1\/4 is batter.\r\n\t\tduration : 10000,\t\t\t\t\t\/\/ Auto Play Duration (if autoplay is true).\r\n\t\tauto : false,\t\t\t\t\t\t\/\/ Auto Play .\r\n\t\tpager : true,  \t\t\t\t\t\t\/\/ Page Dots.\r\n\t\tcontrols : true,                    \/\/ navigation arrow.\r\n\t\tvariable: true,\t\t\t\t\t\/\/\r\n\t\tdirection : 'four',         \/\/Start Wrap Diraction vertical & horizontal & four (random).\r\n\t\teasing : 'linear',\r\n\t\tslideLength : 0,\r\n\t\tslideNum : 0,\r\n\t\tbackFlag : false,\r\n\t});\r\n});\r\n<\/script>\r\n<div class=\"slidesWrap sf-6-48\">\r\n\t<ul class=\"slides ulslide\">\r\n\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Head-Phones-3.jpg\" alt=\"Headset 3D Modeling\">\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"m_innerBox\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-title\">\r\n\t\t\t\t\t\tHeadset 3D Modeling\t\t\t\t\t<\/div>\r\n\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=\"https:\/\/3docean.net\/item\/headset-3d-modeling\/26129338\" target=\"_blank\">\r\n\t\t\t\t\t\t<button type=\"button\" class=\"sf-2-slide-button-1\">\r\n\t\t\t\t\t\tUrl\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/3docean.net\/item\/headset-3d-modeling\/26129338\" target=\"_blank\">\r\n\t\t\t\t\t\t<button type=\"button\" class=\"sf-2-slide-button-2\">\r\n\t\t\t\t\t\t\t$29.99\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Head-Phones-5.jpg\" alt=\"White Headphone\">\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"m_innerBox\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-title\">\r\n\t\t\t\t\t\tHeadphone\t\t\t\t\t<\/div>\r\n\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=\"https:\/\/www.amazon.in\/Skullcandy-Crusher-Over-Ear-Bluetooth-Headphones\/dp\/B01DWH7AIM\/ref=sr_1_2?crid=3PLCH1SOSRE4Y&#038;dchild=1&#038;keywords=skullcandy+headphones+white+colour&#038;qid=1612261586&#038;sprefix=skullcandy+headphone+white%2Caps%2C334&#038;sr=8-2\" target=\"_blank\">\r\n\t\t\t\t\t\t<button type=\"button\" class=\"sf-2-slide-button-1\">\r\n\t\t\t\t\t\tUrl\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.amazon.in\/Skullcandy-Crusher-Over-Ear-Bluetooth-Headphones\/dp\/B01DWH7AIM\/ref=sr_1_2?crid=3PLCH1SOSRE4Y&#038;dchild=1&#038;keywords=skullcandy+headphones+white+colour&#038;qid=1612261586&#038;sprefix=skullcandy+headphone+white%2Caps%2C334&#038;sr=8-2\" target=\"_blank\">\r\n\t\t\t\t\t\t<button type=\"button\" class=\"sf-2-slide-button-2\">\r\n\t\t\t\t\t\t\t$24.99\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Head-Phones-6.jpg\" alt=\"Headphone And Earphone\">\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"m_innerBox\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-title\">\r\n\t\t\t\t\t\tHeadphone And Earphone\t\t\t\t\t<\/div>\r\n\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=\"https:\/\/www.amazon.in\/s?k=skullcandy+over+the+ear+headphones&#038;crid=OCC1T19UM42X&#038;sprefix=skullcandy+over%2Caps%2C323&#038;ref=nb_sb_ss_ts-a-p_1_15\" target=\"_blank\">\r\n\t\t\t\t\t\t<button type=\"button\" class=\"sf-2-slide-button-1\">\r\n\t\t\t\t\t\tUrl\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.amazon.in\/s?k=skullcandy+over+the+ear+headphones&#038;crid=OCC1T19UM42X&#038;sprefix=skullcandy+over%2Caps%2C323&#038;ref=nb_sb_ss_ts-a-p_1_15\" target=\"_blank\">\r\n\t\t\t\t\t\t<button type=\"button\" class=\"sf-2-slide-button-2\">\r\n\t\t\t\t\t\t\t$39\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t<li class=\"slide\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Head-Phones-2.jpg\" alt=\"Headset 3D Modeling\">\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"m_innerBox\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-6-slide-title\">\r\n\t\t\t\t\t\tHeadset 3D Modeling\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\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=\"https:\/\/3docean.net\/item\/headset-3d-modeling\/26129338\" target=\"_blank\">\r\n\t\t\t\t\t\t<button type=\"button\" class=\"sf-2-slide-button-2\">\r\n\t\t\t\t\t\t\t$25\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n<\/div>\r\n<style>\r\n\r\n.slidesWrap .slide{\r\n\twidth: 100%;\r\n}\r\n.slidesWrap .slide img{\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n.sf-6-48 {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n\/* FIX 15-JAN-2021 *\/\r\n.slide .m_innerBox{\r\n\tposition: absolute;\r\n\tbottom: 10px;\r\n\tleft: 10px;\r\n\tright: 10px;\r\n\tpadding: 10px;\r\n}\r\n\r\n\r\n\/* media queries start *\/\r\n@media only screen and (max-width: 600px) {\r\n\t.slide .m_innerBox{\r\n\t\tposition: absolute;\r\n\t\tbottom: 5px !important;\r\n\t\tleft: 5px  !important;\r\n\t\tright: 5px  !important;\r\n\t\tpadding: 5px  !important;\r\n\t\tfont-size: 12px  !important;\r\n\t}\r\n}\r\n@media only screen and (max-width: 500px) {\r\n\t.slide .m_innerBox{\r\n\t\tposition: absolute;\r\n\t\tbottom: 3px !important;\r\n\t\tleft: 3px  !important;\r\n\t\tright: 3px  !important;\r\n\t\tpadding: 3px  !important;\r\n\t\tfont-size: 9px  !important;\r\n\t}\r\n}\r\n\/* media queries end *\/\r\n\r\n.sf-6-48 .sf-6-slide-title { text-align: center; font-size: x-large; } .sf-6-48 .sf-2-slide-button-1, .sf-6-48 { background-color: #F1F1F1; color: black; border: none; cursor: pointer; border-radius: 0px; text-align: center; padding: 5px 15px; transition: all .3s; float:left;} .sf-2-slide-button-2 { background-color: #F1F1F1; color: black; border: none; cursor: pointer; border-radius: 0px; text-align: center; padding: 5px 15px; transition: all .3s; float:right;} .sf-6-48 .sf-2-slide-button-1:hover, .sf-6-48 .sf-2-slide-button-2:hover { background-color: #3E3D3D; color: white; }<\/style>\r\n\n<\/p>\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p><strong>Settings Used :<\/strong> Auto Play \u2013 Off, Auto play Speed &#8211; 10000ms, Transition Speed &#8211; 3000ms, Slide Dots &#8211; ON, Slider Navigation Arrow &#8211; ON, Responsive Slider &#8211; ON, Slide Loading Direction &#8211; All four Clockwise with custom CSS.<\/p>\n\n\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;150px&#8221;][vc_column_text]<\/p>\n<div class=\"wpb_text_column wpb_content_element \">\n<div class=\"wpb_wrapper\">\n<h2 style=\"text-align: center;\"><strong>Youtube Tutorial<\/strong><\/h2>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][vc_video link=&#8221;https:\/\/www.youtube.com\/watch?v=RVySnHY09Yc&#038;t=7s&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text] A Basic Example Settings Used : Auto Play \u2013 ON, Auto play Speed &#8211; 4000ms, Transition Speed &#8211; 2500ms, Slide Dots &#8211; ON, Slider Navigation Arrow &#8211; ON, Responsive Slider &#8211; ON, Slide Loading Direction &#8211; All four side Clockwise. A Basic Example With Title For Horizontal Wipe Settings Used : Auto Play \u2013 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":72,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/16","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=16"}],"version-history":[{"count":18,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":3072,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/16\/revisions\/3072"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}