{"id":1701,"date":"2019-10-20T05:22:29","date_gmt":"2019-10-20T05:22:29","guid":{"rendered":"https:\/\/www.kadenceblocks.com\/?page_id=1701"},"modified":"2022-08-01T23:14:05","modified_gmt":"2022-08-02T05:14:05","slug":"advanced-slider","status":"publish","type":"page","link":"https:\/\/www.kadencewp.com\/kadence-blocks\/pro-past\/advanced-slider\/","title":{"rendered":"Advanced Slider"},"content":{"rendered":"<style>#kt-layout-id_76f871-24 > .kt-row-column-wrap{align-content:start;}:where(#kt-layout-id_76f871-24 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}#kt-layout-id_76f871-24 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:var( --global-content-width, 1440px );padding-left:var(--global-content-edge-padding);padding-right:var(--global-content-edge-padding);padding-top:var( --global-kb-row-default-top, 25px );padding-bottom:var( --global-kb-row-default-bottom, 25px );padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}#kt-layout-id_76f871-24 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){#kt-layout-id_76f871-24 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){#kt-layout-id_76f871-24 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style>\n<div class=\"wp-block-kadence-rowlayout alignnone\"><div id=\"kt-layout-id_76f871-24\" class=\"kt-row-layout-inner kt-layout-id_76f871-24\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row kb-theme-content-width\"><style>.kadence-column_2c7e1c-6a > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_2c7e1c-6a > .kt-inside-inner-col,.kadence-column_2c7e1c-6a > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_2c7e1c-6a > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_2c7e1c-6a > .kt-inside-inner-col{flex-direction:column;}.kadence-column_2c7e1c-6a > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_2c7e1c-6a > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_2c7e1c-6a{position:relative;}@media all and (max-width: 1024px){.kadence-column_2c7e1c-6a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_2c7e1c-6a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-1 kadence-column_2c7e1c-6a\"><div class=\"kt-inside-inner-col\">\n<p>Create beautiful sliders right in the block editor with easy to add overlay layers and animation. This slider is lightweight and is a perfect replacement for a separate slider plugin. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"kt-adv-heading_3302a0-f3\">Example:<\/h2>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n\n<style>.kb-advanced-slider-_af64a0-af .kb-slider-pause-button{color:#fff;background-color:rgba(0, 0, 0, 0.8);border:1px solid transparent;}<\/style>\n<div class=\"wp-block-kadence-slider alignfull kb-advanced-slider kb-advanced-slider-_af64a0-af\"><div class=\"kb-advanced-slider-inner-contain\"><div class=\"kb-blocks-advanced-carousel kt-blocks-carousel kt-carousel-container-dotstyle-dark\"><div class=\"kb-blocks-advanced-slider-init kb-slider-loading kb-blocks-slider kt-carousel-arrowstyle-whiteondark kt-carousel-dotstyle-dark kb-slider-size-ratio kb-slider-ratio-12-5 kb-slider-tab-ratio-inherit kb-slider-mobile-ratio-inherit\" data-slider-anim-speed=\"400\" data-slider-type=\"slider\" data-slider-scroll=\"1\" data-slider-fade=\"true\" data-slider-arrows=\"true\" data-slider-dots=\"true\" data-slider-hover-pause=\"false\" data-slider-auto=\"true\" data-slider-speed=\"7000\">\n<div class=\"wp-block-kadence-slide kb-advanced-slide-item kb-slide-_d3eb21-1e\"><div class=\"kb-advanced-slide\"><div class=\"kb-advanced-slide-inner-wrap\" style=\"background-image:url(https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/jeremy-bishop-eg5_frFbiqE-unsplash-min.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat\"><div class=\"kb-advanced-slide-inner\"><style>.wp-block-kadence-advancedheading.kt-adv-heading_67967a-9a, .wp-block-kadence-advancedheading.kt-adv-heading_67967a-9a[data-kb-block=\"kb-adv-heading_67967a-9a\"]{font-size:50px;font-style:normal;color:#ffffff;}.wp-block-kadence-advancedheading.kt-adv-heading_67967a-9a mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_67967a-9a[data-kb-block=\"kb-adv-heading_67967a-9a\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_67967a-9a img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_67967a-9a[data-kb-block=\"kb-adv-heading_67967a-9a\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading_67967a-9a wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_67967a-9a\" data-aos=\"fade-up\" data-aos-delay=\"300\">Animate Layers<\/h2>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns_a793a4-88{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns_a793a4-88 .kt-button{font-weight:normal;font-style:normal;}.kt-btns_a793a4-88 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns_a793a4-88 .kt-btn-wrap-0 .kt-button{color:#555555;font-size:20px;background:#ffffff;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns_a793a4-88 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns_a793a4-88 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns_a793a4-88 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns_a793a4-88 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns_a793a4-88 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kt-btn-align-center kt-btn-tablet-align-inherit kt-btn-mobile-align-inherit kt-btns-wrap kt-btns_a793a4-88\" data-aos=\"zoom-in\" data-aos-delay=\"1200\"><div class=\"kt-btn-wrap kt-btn-wrap-0\"><a class=\"kt-button button kt-btn-0-action kt-btn-size-standard kt-btn-style-basic kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false\" href=\"#\" style=\"border-radius:3px;border-width:0px\"><span class=\"kt-btn-inner-text\">ACTION BUTTON<\/span><\/a><\/div><\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-slide kb-advanced-slide-item kb-slide-_b8da1c-e4\"><div class=\"kb-advanced-slide\"><div class=\"kb-advanced-slide-inner-wrap kb-slide-align-left kb-slide-valign-bottom\" style=\"background-image:url(https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/07\/irina-iriser-dxk6tMxNkJY-unsplash-min.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat\"><div class=\"kb-advanced-slide-inner\"><style>.wp-block-kadence-advancedheading.kt-adv-heading_2a94bd-19, .wp-block-kadence-advancedheading.kt-adv-heading_2a94bd-19[data-kb-block=\"kb-adv-heading_2a94bd-19\"]{font-size:50px;font-style:normal;color:#ffffff;}.wp-block-kadence-advancedheading.kt-adv-heading_2a94bd-19 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_2a94bd-19[data-kb-block=\"kb-adv-heading_2a94bd-19\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_2a94bd-19 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_2a94bd-19[data-kb-block=\"kb-adv-heading_2a94bd-19\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading_2a94bd-19 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_2a94bd-19\" data-aos=\"fade-left\" data-aos-delay=\"300\">Engage<\/h2>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading_6fbe63-aa, .wp-block-kadence-advancedheading.kt-adv-heading_6fbe63-aa[data-kb-block=\"kb-adv-heading_6fbe63-aa\"]{margin-bottom:20px;font-style:normal;color:#ffffff;}.wp-block-kadence-advancedheading.kt-adv-heading_6fbe63-aa mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_6fbe63-aa[data-kb-block=\"kb-adv-heading_6fbe63-aa\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_6fbe63-aa img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_6fbe63-aa[data-kb-block=\"kb-adv-heading_6fbe63-aa\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h5 class=\"kt-adv-heading_6fbe63-aa wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_6fbe63-aa\" data-aos=\"fade-right\" data-aos-delay=\"300\">Use animation to engage the viewer.<\/h5>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns_89d895-e1{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:flex-start;align-items:center;}.kt-btns_89d895-e1 .kt-button{font-weight:normal;font-style:normal;}.kt-btns_89d895-e1 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns_89d895-e1 .kt-btn-wrap-0 .kt-button{color:#555555;font-size:20px;background:#ffffff;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns_89d895-e1 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns_89d895-e1 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns_89d895-e1 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns_89d895-e1 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns_89d895-e1 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kt-btn-align-left kt-btn-tablet-align-inherit kt-btn-mobile-align-inherit kt-btns-wrap kt-btns_89d895-e1\" data-aos=\"flip-down\" data-aos-delay=\"1200\"><div class=\"kt-btn-wrap kt-btn-wrap-0\"><a class=\"kt-button button kt-btn-0-action kt-btn-size-standard kt-btn-style-basic kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false\" href=\"#\" style=\"border-radius:3px;border-width:0px\"><span class=\"kt-btn-inner-text\">ACTION BUTTON<\/span><\/a><\/div><\/div>\n<\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Create beautiful sliders right in the block editor with easy to add overlay layers and animation. This slider is lightweight and is a perfect replacement for a separate slider plugin. Example:<\/p>\n","protected":false},"author":1265,"featured_media":0,"parent":2342,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"enable","_kad_post_title":"show","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1701","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Ben Ritner","author_link":"https:\/\/www.kadencewp.com\/kadence-blocks\/author\/britner\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages\/1701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/users\/1265"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/comments?post=1701"}],"version-history":[{"count":4,"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages\/1701\/revisions"}],"predecessor-version":[{"id":3979,"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages\/1701\/revisions\/3979"}],"up":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages\/2342"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/media?parent=1701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}