{"id":431,"date":"2015-08-12T16:13:28","date_gmt":"2015-08-12T16:13:28","guid":{"rendered":"http:\/\/savoy.nordicmade.com\/?page_id=431"},"modified":"2017-05-26T21:21:04","modified_gmt":"2017-05-26T21:21:04","slug":"banner-slider","status":"publish","type":"page","link":"https:\/\/everthemes.com\/demo\/sellegancewp\/elements\/banner-slider\/","title":{"rendered":"Banner Slider"},"content":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1440506403976{padding-top: 49px !important;}&#8221;][vc_column][vc_column_text]<\/p>\n<h4>Banner Slider<\/h4>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: left;\">Use this component\u00a0in combination with the Banner element.\u00a0You can add custom text and align it to your preference.<\/p>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: right;\">Next element: <a href=\"#\">Charts &amp; Progress Bars<\/a><\/p>\n<p>[\/vc_column_text][vc_separator][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1437053145294{padding-bottom: 9px !important;}&#8221;][vc_column][vc_column_text]<\/p>\n<h4>A full width slider<\/h4>\n<p>[\/vc_column_text]<script>\r\n\t\t(function($){\r\n\t\t\tjQuery(document).ready(function($) {\r\n\t\t\t\t$('.items_slider_id_2076173149 .items_slider').iosSlider({\r\n\t\t\t\t\tsnapToChildren: true,\r\n\t\t\t\t\tdesktopClickDrag: true,\r\n\t\t\t\t\tnumberOfSlides:1,\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\r\n\t\t\t\t\tonSliderLoaded: items_slider_UpdateSliderHeight,\r\n\t\t\t\t\tonSlideChange: items_slider_UpdateSliderHeight,\r\n\t\t\t\t\tonSliderResize: items_slider_UpdateSliderHeight\r\n\t\t\t\t\t});\r\n\t\t\t\t\tfunction items_slider_UpdateSliderHeight(args) {\r\n\t\t\t\t\t\tcurrentSlide = args.currentSlideNumber;\r\n\t\t\t\t\t\tsetTimeout(function() {\r\n\t\t\t\t\t\t\tvar setHeight = $('.items_slider_id_2076173149 .items_slider .slide:eq(' + (args.currentSlideNumber-1) + ')').outerHeight(true);\r\n\t\t\t\t\t\t\t$('.items_slider_id_2076173149 .items_slider').animate({ height: setHeight+20 }, 300);\r\n\t\t\t\t\t\t},300);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t})(jQuery);\r\n\t\t<\/script><div class=\"items_slider_id_2076173149\" >\r\n\r\n\t\t\t<div class=\"items_slider_wrapper\">\r\n\t\t\t\t<div class=\"items_slider\">\r\n\t\t\t\t\t<div class=\"slider\">\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"slide banner image-type-fluid text-color-light\" style=\"\"><img src=\"https:\/\/everthemes.com\/demo\/sellegancewp\/wp-content\/uploads\/2015\/08\/legsandshoes.jpeg\" alt=\"legsandshoes\" \/>\r\n\t\t\t\t<div class=\"banner-content\">\r\n\t\t\t\t\t<div class=\"banner-content-inner\">\r\n\t\t\t\t\t\t<div class=\"banner-text h_right v_center align_left\" style=\"width: 50%; padding: 0 5% 0 5% ;\">\r\n\t\t\t\t\t\t\t<div class=\"banner-text-inner\"><h1 class=\"banner-title small\">Everyday carry irony unicorn<\/h1><h2 class=\"banner-subtitle nm-alt-font\">Tumblr readymade green juice copper mug <\/h2><\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"slide banner image-type-fluid text-color-light\" style=\"\"><img src=\"https:\/\/everthemes.com\/demo\/sellegancewp\/wp-content\/uploads\/2015\/08\/redshoes.jpeg\" alt=\"redshoes\" \/>\r\n\t\t\t\t<div class=\"banner-content\">\r\n\t\t\t\t\t<div class=\"banner-content-inner\">\r\n\t\t\t\t\t\t<div class=\"banner-text h_center v_center align_center\" style=\"width: 75%; padding: 0 5% 0 5% ;\">\r\n\t\t\t\t\t\t\t<div class=\"banner-text-inner\"><h1 class=\"banner-title small\">Chillwave semiotics photo booth<\/h1><h2 class=\"banner-subtitle nm-alt-font\">Poke helvetica pok pok trust fund, leggings selfies godard offal bitters.<\/h2><\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"slide banner image-type-fluid text-color-light\" style=\"\"><img src=\"https:\/\/everthemes.com\/demo\/sellegancewp\/wp-content\/uploads\/2017\/05\/pretty-woman-makeup-mirror-glamour-39250-2.jpeg\" alt=\"pretty-woman-makeup-mirror-glamour-39250\" \/>\r\n\t\t\t\t<div class=\"banner-content\">\r\n\t\t\t\t\t<div class=\"banner-content-inner\">\r\n\t\t\t\t\t\t<div class=\"banner-text h_left v_center align_left\" style=\"width: 50%; padding: 0 5% 0 5% ;\">\r\n\t\t\t\t\t\t\t<div class=\"banner-text-inner\"><h1 class=\"banner-title small\">Everyday carry irony unicorn<\/h1><h2 class=\"banner-subtitle nm-alt-font\">Tumblr readymade green juice copper mug <\/h2><\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>     \r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t<\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1437053145294{padding-bottom: 9px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text css=&#8221;.vc_custom_1495664964086{padding: 30px !important;}&#8221;]<\/p>\n<h4>A slider contained in a column<\/h4>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;]<script>\r\n\t\t(function($){\r\n\t\t\tjQuery(document).ready(function($) {\r\n\t\t\t\t$('.items_slider_id_715862907 .items_slider').iosSlider({\r\n\t\t\t\t\tsnapToChildren: true,\r\n\t\t\t\t\tdesktopClickDrag: true,\r\n\t\t\t\t\tnumberOfSlides:1,\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\r\n\t\t\t\t\tonSliderLoaded: items_slider_UpdateSliderHeight,\r\n\t\t\t\t\tonSlideChange: items_slider_UpdateSliderHeight,\r\n\t\t\t\t\tonSliderResize: items_slider_UpdateSliderHeight\r\n\t\t\t\t\t});\r\n\t\t\t\t\tfunction items_slider_UpdateSliderHeight(args) {\r\n\t\t\t\t\t\tcurrentSlide = args.currentSlideNumber;\r\n\t\t\t\t\t\tsetTimeout(function() {\r\n\t\t\t\t\t\t\tvar setHeight = $('.items_slider_id_715862907 .items_slider .slide:eq(' + (args.currentSlideNumber-1) + ')').outerHeight(true);\r\n\t\t\t\t\t\t\t$('.items_slider_id_715862907 .items_slider').animate({ height: setHeight+20 }, 300);\r\n\t\t\t\t\t\t},300);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t})(jQuery);\r\n\t\t<\/script><div class=\"items_slider_id_715862907\" >\r\n\r\n\t\t\t<div class=\"items_slider_wrapper\">\r\n\t\t\t\t<div class=\"items_slider\">\r\n\t\t\t\t\t<div class=\"slider\">\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"slide banner image-type-fluid text-color-light\" style=\"\"><img src=\"https:\/\/everthemes.com\/demo\/sellegancewp\/wp-content\/uploads\/2015\/08\/redshoes.jpeg\" alt=\"redshoes\" \/>\r\n\t\t\t\t<div class=\"banner-content\">\r\n\t\t\t\t\t<div class=\"banner-content-inner\">\r\n\t\t\t\t\t\t<div class=\"banner-text h_center v_bottom align_center\" style=\"width: 75%; padding: 0 5% 5% 5% ;\">\r\n\t\t\t\t\t\t\t<div class=\"banner-text-inner\"><h1 class=\"banner-title small\">Chillwave semiotics photo booth<\/h1><h2 class=\"banner-subtitle nm-alt-font\">Poke helvetica pok pok trust fund, leggings selfies godard offal bitters.<\/h2><\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"slide banner image-type-fluid text-color-light\" style=\"\"><img src=\"https:\/\/everthemes.com\/demo\/sellegancewp\/wp-content\/uploads\/2017\/05\/pretty-woman-makeup-mirror-glamour-39250-2.jpeg\" alt=\"pretty-woman-makeup-mirror-glamour-39250\" \/>\r\n\t\t\t\t<div class=\"banner-content\">\r\n\t\t\t\t\t<div class=\"banner-content-inner\">\r\n\t\t\t\t\t\t<div class=\"banner-text h_left v_center align_left\" style=\"width: 50%; padding: 0 5% 0 5% ;\">\r\n\t\t\t\t\t\t\t<div class=\"banner-text-inner\"><h1 class=\"banner-title small\">Everyday carry irony unicorn<\/h1><h2 class=\"banner-subtitle nm-alt-font\">Tumblr readymade green juice copper mug <\/h2><\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"slide banner image-type-fluid text-color-light\" style=\"\"><img src=\"https:\/\/everthemes.com\/demo\/sellegancewp\/wp-content\/uploads\/2015\/08\/legsandshoes.jpeg\" alt=\"legsandshoes\" \/>\r\n\t\t\t\t<div class=\"banner-content\">\r\n\t\t\t\t\t<div class=\"banner-content-inner\">\r\n\t\t\t\t\t\t<div class=\"banner-text h_right v_center align_left\" style=\"width: 50%; padding: 0 5% 0 5% ;\">\r\n\t\t\t\t\t\t\t<div class=\"banner-text-inner\"><h1 class=\"banner-title small\">Everyday carry irony unicorn<\/h1><h2 class=\"banner-subtitle nm-alt-font\">Tumblr readymade green juice copper mug <\/h2><\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>     \r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t<\/div>[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1440506403976{padding-top: 49px !important;}&#8221;][vc_column][vc_column_text] Banner Slider [\/vc_column_text][vc_column_text] Use this component\u00a0in combination with the Banner element.\u00a0You can add custom text and align it to your preference. [\/vc_column_text][vc_column_text] Next element: Charts &amp; Progress Bars [\/vc_column_text][vc_separator][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1437053145294{padding-bottom: 9px !important;}&#8221;][vc_column][vc_column_text] A full width slider [\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1437053145294{padding-bottom: 9px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text css=&#8221;.vc_custom_1495664964086{padding: 30px !important;}&#8221;] A slider contained in a column [\/vc_column_text][\/vc_column][vc_column [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":393,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/everthemes.com\/demo\/sellegancewp\/wp-json\/wp\/v2\/pages\/431"}],"collection":[{"href":"https:\/\/everthemes.com\/demo\/sellegancewp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/everthemes.com\/demo\/sellegancewp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/everthemes.com\/demo\/sellegancewp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/everthemes.com\/demo\/sellegancewp\/wp-json\/wp\/v2\/comments?post=431"}],"version-history":[{"count":23,"href":"https:\/\/everthemes.com\/demo\/sellegancewp\/wp-json\/wp\/v2\/pages\/431\/revisions"}],"predecessor-version":[{"id":3456,"href":"https:\/\/everthemes.com\/demo\/sellegancewp\/wp-json\/wp\/v2\/pages\/431\/revisions\/3456"}],"up":[{"embeddable":true,"href":"https:\/\/everthemes.com\/demo\/sellegancewp\/wp-json\/wp\/v2\/pages\/393"}],"wp:attachment":[{"href":"https:\/\/everthemes.com\/demo\/sellegancewp\/wp-json\/wp\/v2\/media?parent=431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}