{"id":179,"date":"2015-03-02T08:05:13","date_gmt":"2015-03-02T08:05:13","guid":{"rendered":"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/?page_id=179"},"modified":"2017-09-22T11:53:00","modified_gmt":"2017-09-22T11:53:00","slug":"slider-layout-4","status":"publish","type":"page","link":"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/slider-layout-4\/","title":{"rendered":"Slider Layout &#8211; 4"},"content":{"rendered":"<h2 style=\"text-align: center\">Example &#8211; 1<\/h2>\n<p style=\"text-align: center;color: red\"><strong>\u00a0Fixed Slider Height\u00a0<\/strong><\/p>\n<p>&nbsp;<\/p>\n<script type=\"text\/javascript\">\r\njQuery( document ).ready(function( jQuery ) {\r\n\tjQuery( '#example4_212' ).sliderPro({\r\n\t\t\/\/autoplay\r\n\t\t\t\t\t\tautoplay: true,\r\n\t\tautoplayOnHover: 'pause',\r\n\t\t\t\t\t\t\r\n\t\t\/\/width\r\n\t\t\t\twidth: 1000,\r\n\t\t\t\t\r\n\t\t\/\/height\r\n\t\t\t\theight: 500,\r\n\t\t\t\t\t\timageScaleMode: 'cover',\r\n\t\tallowScaleUp: true,\r\n\t\tautoplayDelay: 5000,\r\n\t\tarrows: true,\r\n\t\tbuttons: true,\r\n\t\tfade: false,\r\n\t\tupdateHash: false,\r\n\t\tstartSlide: 0,\r\n\t\tloop: true,\r\n\t\tautoplayDirection: 'normal',\r\n\t\ttouchSwipe: true,\r\n\t\t\t\tslideDistance: 5,\r\n\t\tfullScreen: true,\r\n\t\t\r\n\t});\r\n\t\r\n\t\t\/\/ instantiate fancybox when a link is clicked\r\n\tjQuery( '#example4_212 .sp-image' ).parent( 'a' ).on( 'click', function( event ) {\r\n\t\tevent.preventDefault();\r\n\t\t\/\/ lightbox index\r\n\t\tif ( jQuery( '#example4_212' ).hasClass( 'sp-swiping' ) === false ) {\r\n\t\t\tjQuery.fancybox.open( jQuery( '#example4_212 .sp-image' ).parent( 'a' ), { index: jQuery( this ).parents( '.sp-slide' ).index() } );\r\n\t\t}\r\n\t});\r\n\t});\r\n<\/script>\r\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\r\n<script type=\"text\/javascript\">\r\nWebFont.load({\r\n\tgoogle: {\r\n\t\tfamilies: ['Courgette'] \/\/ saved value\r\n\t}\r\n});\r\n<\/script>\r\n<style>\r\n#example4_212 .title-in {\r\n\tcolor: #ffffff !important;\r\n\tfont-family: Courgette !important;\r\n\tfont-weight: bolder;\r\n}\r\n\r\n#example4_212 .desc-in {\r\n\tcolor: #ffffff !important;\r\n\tfont-family: Courgette !important;\r\n}\r\n\r\n#example4_212 .read-more-color {\r\n\tcolor: #7B85F4 !important;\r\n\tdisplay: block;\r\n\t-webkit-box-shadow: none;\r\n\tbox-shadow: none;\r\n}\r\n\r\n.slider-pro a:hover {\r\n\t-webkit-box-shadow: none;\r\n\tbox-shadow: none;\r\n}\r\n\r\n\/* navigation button\/bullets color *\/\r\n#example4_212 .sp-button {\r\n\tborder: 2px solid #f0810f !important;\r\n\twidth: 15px;\r\n\theight: 15px;\r\n\t\tborder-radius: 0% !important;\r\n\t}\r\n#example4_212 .sp-selected-button {\r\n\tbackground-color: #f0810f !important;\r\n\t\tborder-radius: 0% !important;\r\n\t}\r\n\r\n\/* navigation arrow color *\/\r\n#example4_212 .sp-next-arrow::after, #example4_212 .sp-next-arrow::before, #example4_212 .sp-previous-arrow::after, #example4_212 .sp-previous-arrow::before {\r\n    background-color: #fcfdfe!important;\r\n}\r\n\r\n#example4_212 .sp-full-screen-button {\r\n    font-weight: bolder;\r\n\tcolor: #fcfdfe!important;\r\n}\r\n\r\n.slider-pro {\r\n    font-family: 'Open Sans', Arial;\r\n}\r\n\r\n\/* Example 4 *\/\r\n\r\n#example4_212 .sp-slides-container {\r\n\tbackground-color: #F4F4F4;\r\n}\r\n\r\n#example4_212 h3 {\r\n\tmargin: 0 0 10px 0;\r\n}\r\n\r\n#example4_212 p {\r\n\tmargin: 0 0 30px 0;\r\n}\r\n\r\n#example4_212 img {\r\n\tdisplay: block;\r\n}\r\n\r\n#example4_212 .sp-thumbnail-container {\r\n\twidth: 200px;\r\n\theight: 130px;\r\n\toverflow: hidden;\r\n\tmargin-bottom: 10px;\r\n}\r\n\r\n#example4_212 .sp-image-text {\r\n\tbackground: rgba(240, 129, 15, 0.5) !important;\r\n\tcolor: #FFF;\r\n\tpadding: 20px;\r\n\ttransform: initial !important;\r\n}\r\n\r\n.links {\r\n\ttext-align: center;\r\n\tmargin-top: 10px;\r\n}\r\n\r\n@media (max-width: 860px) {\r\n\t#example4_212 .hide-medium-screen {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n.fnf{\r\n\tbackground-color: #272e31;\r\n\tborder-radius: 5px;\r\n\tcolor: #fff;\r\n\tfont-family: initial;\r\n\ttext-align: center;\r\n\tpadding:12px;\r\n}\r\n.uris-slider-title{\r\n\tfont-family: Courgette;\r\n}\r\n<\/style>\r\n<h3 class=\"uris-slider-title\">Slider &#8211; 4 Style -1<\/h3>\r\n\t<div id=\"example4_212\" class=\"slider-pro\">\r\n\t\t<!---- slides div start ---->\r\n\t\t<div class=\"sp-slides\">\r\n\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/frozen_elsa-1680x1050.jpg\" >\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" alt=\"Slide Title - 1 \" src=\"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/plugins\/ultimate-responsive-image-slider-pro-v6.4\/img\/loading.gif\"\r\n\t\t\t\t\t\t\t\tdata-src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/frozen_elsa-1680x1050.jpg\"\r\n\t\t\t\t\t\t\t\tdata-retina=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/frozen_elsa-1680x1050.jpg\"\/>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"title-in\">\r\n\t\t\t\t\t\t\tSlide Title - 1 \t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"desc-in\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<\/p>\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<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/601315-2.jpg\" >\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" alt=\"Slide Title- 2\" src=\"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/plugins\/ultimate-responsive-image-slider-pro-v6.4\/img\/loading.gif\"\r\n\t\t\t\t\t\t\t\tdata-src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/601315-2.jpg\"\r\n\t\t\t\t\t\t\t\tdata-retina=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/601315-2.jpg\"\/>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"title-in\">\r\n\t\t\t\t\t\t\tSlide Title- 2\t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"desc-in\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<\/p>\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<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/colorful_candys-1680x1050.jpg\" >\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" alt=\"Slide Title - 3 \" src=\"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/plugins\/ultimate-responsive-image-slider-pro-v6.4\/img\/loading.gif\"\r\n\t\t\t\t\t\t\t\tdata-src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/colorful_candys-1680x1050.jpg\"\r\n\t\t\t\t\t\t\t\tdata-retina=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/colorful_candys-1680x1050.jpg\"\/>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"title-in\">\r\n\t\t\t\t\t\t\tSlide Title - 3 \t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"desc-in\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<\/p>\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<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/H6tKc7B-disney-pixar-wallpaper.jpg\" >\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" alt=\"Slide Title - 4 \" src=\"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/plugins\/ultimate-responsive-image-slider-pro-v6.4\/img\/loading.gif\"\r\n\t\t\t\t\t\t\t\tdata-src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/H6tKc7B-disney-pixar-wallpaper.jpg\"\r\n\t\t\t\t\t\t\t\tdata-retina=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/H6tKc7B-disney-pixar-wallpaper.jpg\"\/>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"title-in\">\r\n\t\t\t\t\t\t\tSlide Title - 4 \t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"desc-in\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<\/p>\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<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/snow_queen_elsa_in_frozen-1680x1050-1.jpg\" >\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" alt=\"Slide Title -5 \" src=\"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/plugins\/ultimate-responsive-image-slider-pro-v6.4\/img\/loading.gif\"\r\n\t\t\t\t\t\t\t\tdata-src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/snow_queen_elsa_in_frozen-1680x1050-1.jpg\"\r\n\t\t\t\t\t\t\t\tdata-retina=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/snow_queen_elsa_in_frozen-1680x1050-1.jpg\"\/>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"title-in\">\r\n\t\t\t\t\t\t\tSlide Title -5 \t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"desc-in\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<\/p>\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<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/HOT-Balloon-Trip_Ultra-HD-1.jpg\" >\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" alt=\"Slide Title - 6 \" src=\"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/plugins\/ultimate-responsive-image-slider-pro-v6.4\/img\/loading.gif\"\r\n\t\t\t\t\t\t\t\tdata-src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/HOT-Balloon-Trip_Ultra-HD-1.jpg\"\r\n\t\t\t\t\t\t\t\tdata-retina=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/HOT-Balloon-Trip_Ultra-HD-1.jpg\"\/>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"title-in\">\r\n\t\t\t\t\t\t\tSlide Title - 6 \t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"desc-in\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<\/p>\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<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t<\/div>\r\n\t\t<!---- slides div end ---->\r\n\t<\/div>\r\n\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 style=\"text-align: center\">Example &#8211; 2<\/h2>\n<p style=\"text-align: center;color: red\"><strong>Auto Adjust Slider Height\u00a0<\/strong><br \/>\n&nbsp;<\/p>\n<script type=\"text\/javascript\">\r\njQuery( document ).ready(function( jQuery ) {\r\n\tjQuery( '#example4_643' ).sliderPro({\r\n\t\t\/\/autoplay\r\n\t\t\t\tautoplay:  true,\r\n\t\tautoplayOnHover: 'none',\r\n\t\t\t\t\t\t\t\t\r\n\t\t\/\/width\r\n\t\t\t\twidth: 1000,\r\n\t\t\t\t\r\n\t\t\/\/height\r\n\t\t\t\t\t\tautoHeight: true,\r\n\t\t\t\timageScaleMode: 'cover',\r\n\t\tallowScaleUp: true,\r\n\t\tautoplayDelay: 5000,\r\n\t\tarrows: true,\r\n\t\tbuttons: true,\r\n\t\tfade: false,\r\n\t\tupdateHash: false,\r\n\t\tstartSlide: 0,\r\n\t\tloop: true,\r\n\t\tautoplayDirection: 'normal',\r\n\t\ttouchSwipe: true,\r\n\t\t\t\tslideDistance: 5,\r\n\t\tfullScreen: true,\r\n\t\t\r\n\t});\r\n\t\r\n\t\t\/\/ instantiate fancybox when a link is clicked\r\n\tjQuery( '#example4_643 .sp-image' ).parent( 'a' ).on( 'click', function( event ) {\r\n\t\tevent.preventDefault();\r\n\t\t\/\/ lightbox index\r\n\t\tif ( jQuery( '#example4_643' ).hasClass( 'sp-swiping' ) === false ) {\r\n\t\t\tjQuery.fancybox.open( jQuery( '#example4_643 .sp-image' ).parent( 'a' ), { index: jQuery( this ).parents( '.sp-slide' ).index() } );\r\n\t\t}\r\n\t});\r\n\t});\r\n<\/script>\r\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\r\n<script type=\"text\/javascript\">\r\nWebFont.load({\r\n\tgoogle: {\r\n\t\tfamilies: ['Courgette'] \/\/ saved value\r\n\t}\r\n});\r\n<\/script>\r\n<style>\r\n#example4_643 .title-in {\r\n\tcolor: #000000 !important;\r\n\tfont-family: Courgette !important;\r\n\tfont-weight: bolder;\r\n}\r\n\r\n#example4_643 .desc-in {\r\n\tcolor: #000000 !important;\r\n\tfont-family: Courgette !important;\r\n}\r\n\r\n#example4_643 .read-more-color {\r\n\tcolor: #7B85F4 !important;\r\n\tdisplay: block;\r\n\t-webkit-box-shadow: none;\r\n\tbox-shadow: none;\r\n}\r\n\r\n.slider-pro a:hover {\r\n\t-webkit-box-shadow: none;\r\n\tbox-shadow: none;\r\n}\r\n\r\n\/* navigation button\/bullets color *\/\r\n#example4_643 .sp-button {\r\n\tborder: 2px solid #000000 !important;\r\n\twidth: 10px;\r\n\theight: 10px;\r\n\t}\r\n#example4_643 .sp-selected-button {\r\n\tbackground-color: #000000 !important;\r\n\t}\r\n\r\n\/* navigation arrow color *\/\r\n#example4_643 .sp-next-arrow::after, #example4_643 .sp-next-arrow::before, #example4_643 .sp-previous-arrow::after, #example4_643 .sp-previous-arrow::before {\r\n    background-color: #1c1c1c!important;\r\n}\r\n\r\n#example4_643 .sp-full-screen-button {\r\n    font-weight: bolder;\r\n\tcolor: #1c1c1c!important;\r\n}\r\n\r\n.slider-pro {\r\n    font-family: 'Open Sans', Arial;\r\n}\r\n\r\n\/* Example 4 *\/\r\n\r\n#example4_643 .sp-slides-container {\r\n\tbackground-color: #F4F4F4;\r\n}\r\n\r\n#example4_643 h3 {\r\n\tmargin: 0 0 10px 0;\r\n}\r\n\r\n#example4_643 p {\r\n\tmargin: 0 0 30px 0;\r\n}\r\n\r\n#example4_643 img {\r\n\tdisplay: block;\r\n}\r\n\r\n#example4_643 .sp-thumbnail-container {\r\n\twidth: 200px;\r\n\theight: 130px;\r\n\toverflow: hidden;\r\n\tmargin-bottom: 10px;\r\n}\r\n\r\n#example4_643 .sp-image-text {\r\n\tbackground: rgba(255, 255, 255, 0.5) !important;\r\n\tcolor: #FFF;\r\n\tpadding: 20px;\r\n\ttransform: initial !important;\r\n}\r\n\r\n.links {\r\n\ttext-align: center;\r\n\tmargin-top: 10px;\r\n}\r\n\r\n@media (max-width: 860px) {\r\n\t#example4_643 .hide-medium-screen {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n.fnf{\r\n\tbackground-color: #272e31;\r\n\tborder-radius: 5px;\r\n\tcolor: #fff;\r\n\tfont-family: initial;\r\n\ttext-align: center;\r\n\tpadding:12px;\r\n}\r\n.uris-slider-title{\r\n\tfont-family: Courgette;\r\n}\r\n<\/style>\r\n<h3 class=\"uris-slider-title\">Slider &#8211; 4 Style &#8211; 2<\/h3>\r\n\t<div id=\"example4_643\" class=\"slider-pro\">\r\n\t\t<!---- slides div start ---->\r\n\t\t<div class=\"sp-slides\">\r\n\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/New-Chevrolet-Chevy-Camaro-2013-HD-Wallpaper-New-Chevrolet-Chevy-....jpg\" >\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" alt=\"Slide Title - 1 \" src=\"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/plugins\/ultimate-responsive-image-slider-pro-v6.4\/img\/loading.gif\"\r\n\t\t\t\t\t\t\t\tdata-src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/New-Chevrolet-Chevy-Camaro-2013-HD-Wallpaper-New-Chevrolet-Chevy-....jpg\"\r\n\t\t\t\t\t\t\t\tdata-retina=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/New-Chevrolet-Chevy-Camaro-2013-HD-Wallpaper-New-Chevrolet-Chevy-....jpg\"\/>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"title-in\">\r\n\t\t\t\t\t\t\tSlide Title - 1 \t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"desc-in\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<\/p>\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<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/banner.jpg\" >\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" alt=\"Slide Title - 2 \" src=\"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/plugins\/ultimate-responsive-image-slider-pro-v6.4\/img\/loading.gif\"\r\n\t\t\t\t\t\t\t\tdata-src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/banner.jpg\"\r\n\t\t\t\t\t\t\t\tdata-retina=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/banner.jpg\"\/>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"title-in\">\r\n\t\t\t\t\t\t\tSlide Title - 2 \t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"desc-in\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. <\/p>\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<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/2017_abt_audi_r8_spyder_4k-1680x1050.jpg\" >\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" alt=\"Slide Title - 3 \" src=\"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/plugins\/ultimate-responsive-image-slider-pro-v6.4\/img\/loading.gif\"\r\n\t\t\t\t\t\t\t\tdata-src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/2017_abt_audi_r8_spyder_4k-1680x1050.jpg\"\r\n\t\t\t\t\t\t\t\tdata-retina=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/2017_abt_audi_r8_spyder_4k-1680x1050.jpg\"\/>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"title-in\">\r\n\t\t\t\t\t\t\tSlide Title - 3 \t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"desc-in\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<\/p>\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<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/demo-image0.jpg\" >\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" alt=\"Slide Title - 4 \" src=\"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/plugins\/ultimate-responsive-image-slider-pro-v6.4\/img\/loading.gif\"\r\n\t\t\t\t\t\t\t\tdata-src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/demo-image0.jpg\"\r\n\t\t\t\t\t\t\t\tdata-retina=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/demo-image0.jpg\"\/>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"title-in\">\r\n\t\t\t\t\t\t\tSlide Title - 4 \t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"desc-in\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.\r\nLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<\/p>\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<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/5199546-bikes-wallpapers.jpg\" >\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" alt=\"Slide Title - 5 \" src=\"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/plugins\/ultimate-responsive-image-slider-pro-v6.4\/img\/loading.gif\"\r\n\t\t\t\t\t\t\t\tdata-src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/5199546-bikes-wallpapers.jpg\"\r\n\t\t\t\t\t\t\t\tdata-retina=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/5199546-bikes-wallpapers.jpg\"\/>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"title-in\">\r\n\t\t\t\t\t\t\tSlide Title - 5 \t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"desc-in\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<\/p>\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<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/image-editing-101040_960_720.jpg\" >\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" alt=\"Slide Title - 6 \" src=\"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/plugins\/ultimate-responsive-image-slider-pro-v6.4\/img\/loading.gif\"\r\n\t\t\t\t\t\t\t\tdata-src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/image-editing-101040_960_720.jpg\"\r\n\t\t\t\t\t\t\t\tdata-retina=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/image-editing-101040_960_720.jpg\"\/>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"title-in\">\r\n\t\t\t\t\t\t\tSlide Title - 6 \t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-layer sp-static sp-image-text hide-medium-screen\" data-horizontal=\"30\" data-vertical=\"30\" data-width=\"350\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"desc-in\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<\/p>\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<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t<\/div>\r\n\t\t<!---- slides div end ---->\r\n\t<\/div>\r\n\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Example &#8211; 1 \u00a0Fixed Slider Height\u00a0 &nbsp; &nbsp; Example &#8211; 2 Auto Adjust Slider Height\u00a0 &nbsp; &nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-179","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-json\/wp\/v2\/pages\/179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-json\/wp\/v2\/comments?post=179"}],"version-history":[{"count":14,"href":"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-json\/wp\/v2\/pages\/179\/revisions"}],"predecessor-version":[{"id":683,"href":"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-json\/wp\/v2\/pages\/179\/revisions\/683"}],"wp:attachment":[{"href":"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-json\/wp\/v2\/media?parent=179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}