{"id":2978,"date":"2024-10-21T10:27:30","date_gmt":"2024-10-21T14:27:30","guid":{"rendered":"https:\/\/umaine.edu\/userguide\/?p=2978"},"modified":"2024-10-21T10:36:01","modified_gmt":"2024-10-21T14:36:01","slug":"replacing-slider-content-block","status":"publish","type":"post","link":"https:\/\/umaine.edu\/userguide\/2024\/10\/21\/replacing-slider-content-block\/","title":{"rendered":"Replacing Slider content block"},"content":{"rendered":"\n<p>The slider content block has been used in several ways, and there are multiple improved options to choose from.<\/p>\n\n\n\n<p>Slider as a selection in the Content Blocks page editor:<\/p>\n\n\n<style>.kb-image2978_fc32d3-b5.kb-image-is-ratio-size, .kb-image2978_fc32d3-b5 .kb-image-is-ratio-size{max-width:285px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image2978_fc32d3-b5.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image2978_fc32d3-b5 .kb-image-is-ratio-size{align-self:unset;}.kb-image2978_fc32d3-b5{max-width:285px;}.image-is-svg.kb-image2978_fc32d3-b5{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image2978_fc32d3-b5 img{width:100%;}.kb-image2978_fc32d3-b5 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2978_fc32d3-b5 img.kb-img, .kb-image2978_fc32d3-b5 .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}@media all and (max-width: 1024px){.kb-image2978_fc32d3-b5 img.kb-img, .kb-image2978_fc32d3-b5 .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}}@media all and (max-width: 767px){.kb-image2978_fc32d3-b5 img.kb-img, .kb-image2978_fc32d3-b5 .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2978_fc32d3-b5 size-full\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-block-selected.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"596\" height=\"144\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-block-selected.png\" alt=\"A screenshot of the slider content block selection icon.\" class=\"kb-img wp-image-2982\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-block-selected.png 596w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-block-selected-300x72.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-block-selected-105x25.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-block-selected-317x77.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-block-selected-423x102.png 423w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,596px\" \/><\/a><\/figure>\n\n\n\n<p>The dialog box for Slider:<\/p>\n\n\n<style>.kb-image2978_d02c3c-f4.kb-image-is-ratio-size, .kb-image2978_d02c3c-f4 .kb-image-is-ratio-size{max-width:441px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image2978_d02c3c-f4.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image2978_d02c3c-f4 .kb-image-is-ratio-size{align-self:unset;}.kb-image2978_d02c3c-f4{max-width:441px;}.image-is-svg.kb-image2978_d02c3c-f4{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image2978_d02c3c-f4 img{width:100%;}.kb-image2978_d02c3c-f4 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2978_d02c3c-f4 img.kb-img, .kb-image2978_d02c3c-f4 .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}@media all and (max-width: 1024px){.kb-image2978_d02c3c-f4 img.kb-img, .kb-image2978_d02c3c-f4 .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}}@media all and (max-width: 767px){.kb-image2978_d02c3c-f4 img.kb-img, .kb-image2978_d02c3c-f4 .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2978_d02c3c-f4 size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-block-dialog.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"685\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-block-dialog-1024x685.png\" alt=\"A screenshot of the modal window for slider settings.\" class=\"kb-img wp-image-2983\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-block-dialog-1024x685.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-block-dialog-300x201.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-block-dialog-768x514.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-block-dialog-105x70.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-block-dialog-317x212.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-block-dialog-423x283.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-block-dialog-634x424.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-block-dialog-846x566.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-block-dialog-951x636.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-block-dialog.png 1202w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1024px\" \/><\/a><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2978_576f40-49, .wp-block-kadence-advancedheading.kt-adv-heading2978_576f40-49[data-kb-block=\"kb-adv-heading2978_576f40-49\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2978_576f40-49 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2978_576f40-49[data-kb-block=\"kb-adv-heading2978_576f40-49\"] 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-heading2978_576f40-49 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2978_576f40-49[data-kb-block=\"kb-adv-heading2978_576f40-49\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2978_576f40-49 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2978_576f40-49\">How are you using the slider block?<\/h3>\n\n\n\n<p>The slider block has several common uses:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#full-width-splash\" data-type=\"internal\" data-id=\"#full-width-splash\">A full-page spash image at the top of a page<\/a><\/li>\n\n\n\n<li><a href=\"#slideshow-option\">A slideshow of several images<\/a><\/li>\n\n\n\n<li><a href=\"#carousel-of-items\">A carousel of featured links designed to capture attention<\/a><\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2978_9af975-9a, .wp-block-kadence-advancedheading.kt-adv-heading2978_9af975-9a[data-kb-block=\"kb-adv-heading2978_9af975-9a\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2978_9af975-9a mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2978_9af975-9a[data-kb-block=\"kb-adv-heading2978_9af975-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-heading2978_9af975-9a img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2978_9af975-9a[data-kb-block=\"kb-adv-heading2978_9af975-9a\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"full-width-splash\" class=\"kt-adv-heading2978_9af975-9a wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2978_9af975-9a\">Replacing a slider used as a full-page splash image at the top of a page<\/h3>\n\n\n\n<p>A common use of the slider has been to add a full width image to the top of a page but below your site navigation:<\/p>\n\n\n<style>.kb-image2978_d51fc3-03.kb-image-is-ratio-size, .kb-image2978_d51fc3-03 .kb-image-is-ratio-size{max-width:448px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image2978_d51fc3-03.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image2978_d51fc3-03 .kb-image-is-ratio-size{align-self:unset;}.kb-image2978_d51fc3-03{max-width:448px;}.image-is-svg.kb-image2978_d51fc3-03{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image2978_d51fc3-03 img{width:100%;}.kb-image2978_d51fc3-03 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2978_d51fc3-03 img.kb-img, .kb-image2978_d51fc3-03 .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}@media all and (max-width: 1024px){.kb-image2978_d51fc3-03 img.kb-img, .kb-image2978_d51fc3-03 .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}}@media all and (max-width: 767px){.kb-image2978_d51fc3-03 img.kb-img, .kb-image2978_d51fc3-03 .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2978_d51fc3-03 size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-header.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"756\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-header-1024x756.png\" alt=\"A screenshot of the UMaine Arctic website while it was using the slider content block for a home page image.\" class=\"kb-img wp-image-2985\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-header-1024x756.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-header-300x221.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-header-768x567.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-header-1536x1133.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-header-2048x1511.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-header-105x77.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-header-317x234.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-header-423x312.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-header-634x468.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-header-846x624.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-header-951x702.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-header-1268x936.png 1268w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1024px\" \/><\/a><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2978_987d0c-b6, .wp-block-kadence-advancedheading.kt-adv-heading2978_987d0c-b6[data-kb-block=\"kb-adv-heading2978_987d0c-b6\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2978_987d0c-b6 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2978_987d0c-b6[data-kb-block=\"kb-adv-heading2978_987d0c-b6\"] 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-heading2978_987d0c-b6 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2978_987d0c-b6[data-kb-block=\"kb-adv-heading2978_987d0c-b6\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h4 class=\"kt-adv-heading2978_987d0c-b6 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2978_987d0c-b6\">Use the pattern &#8220;Full Width UM Photo Header&#8221; for a full-page splash image at the top of your page<\/h4>\n\n\n<style>.kb-image2978_afc33b-0b.kb-image-is-ratio-size, .kb-image2978_afc33b-0b .kb-image-is-ratio-size{max-width:441px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image2978_afc33b-0b.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image2978_afc33b-0b .kb-image-is-ratio-size{align-self:unset;}.kb-image2978_afc33b-0b{max-width:441px;}.image-is-svg.kb-image2978_afc33b-0b{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image2978_afc33b-0b img{width:100%;}.kb-image2978_afc33b-0b .kb-image-has-overlay:after{opacity:0.3;}.kb-image2978_afc33b-0b img.kb-img, .kb-image2978_afc33b-0b .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}@media all and (max-width: 1024px){.kb-image2978_afc33b-0b img.kb-img, .kb-image2978_afc33b-0b .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}}@media all and (max-width: 767px){.kb-image2978_afc33b-0b img.kb-img, .kb-image2978_afc33b-0b .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2978_afc33b-0b size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/full-width-photo-header-pattern-selecting.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"743\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/full-width-photo-header-pattern-selecting-1024x743.png\" alt=\"A screenshot displaying the Full Width UM Photo Header pattern being selected\" class=\"kb-img wp-image-2989\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/full-width-photo-header-pattern-selecting-1024x743.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/full-width-photo-header-pattern-selecting-300x218.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/full-width-photo-header-pattern-selecting-768x557.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/full-width-photo-header-pattern-selecting-105x76.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/full-width-photo-header-pattern-selecting-317x230.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/full-width-photo-header-pattern-selecting-423x307.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/full-width-photo-header-pattern-selecting-634x460.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/full-width-photo-header-pattern-selecting-846x614.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/full-width-photo-header-pattern-selecting-951x690.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/full-width-photo-header-pattern-selecting-1268x920.png 1268w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/full-width-photo-header-pattern-selecting.png 1290w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1024px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the + icon in the upper left corner of the editor. The blue box will change to a black box with an X icon, and the block selection window will open<\/li>\n\n\n\n<li>Select the &#8220;Patterns&#8221; heading to display the list of patterns<\/li>\n\n\n\n<li>Select the &#8220;Headers&#8221; option to display the different patterns for headers<\/li>\n\n\n\n<li>Select &#8220;Full Width UM Photo Header&#8221; and it will appear in the editor<\/li>\n<\/ul>\n\n\n\n<p>Once placed on your page, you can update the &#8220;Website Title&#8221; text as appropriate, and select a photo from your media library in the photo area:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the editing options sidebar, select the &#8220;Style&#8221; set of options<\/li>\n\n\n\n<li>The &#8220;Edit image&#8221; button will allow you to select an image from your media library or upload a new image for this header.<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2978_b41e7b-d7, .wp-block-kadence-advancedheading.kt-adv-heading2978_b41e7b-d7[data-kb-block=\"kb-adv-heading2978_b41e7b-d7\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2978_b41e7b-d7 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2978_b41e7b-d7[data-kb-block=\"kb-adv-heading2978_b41e7b-d7\"] 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-heading2978_b41e7b-d7 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2978_b41e7b-d7[data-kb-block=\"kb-adv-heading2978_b41e7b-d7\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"slideshow-option\" class=\"kt-adv-heading2978_b41e7b-d7 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2978_b41e7b-d7\">Replacing a slider used for a slideshow<\/h3>\n\n\n\n<p>A slider content block could also be used for a slideshow:<\/p>\n\n\n<style>.kb-image2978_b6565e-e5.kb-image-is-ratio-size, .kb-image2978_b6565e-e5 .kb-image-is-ratio-size{max-width:441px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image2978_b6565e-e5.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image2978_b6565e-e5 .kb-image-is-ratio-size{align-self:unset;}.kb-image2978_b6565e-e5{max-width:441px;}.image-is-svg.kb-image2978_b6565e-e5{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image2978_b6565e-e5 img{width:100%;}.kb-image2978_b6565e-e5 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2978_b6565e-e5 img.kb-img, .kb-image2978_b6565e-e5 .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}@media all and (max-width: 1024px){.kb-image2978_b6565e-e5 img.kb-img, .kb-image2978_b6565e-e5 .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}}@media all and (max-width: 767px){.kb-image2978_b6565e-e5 img.kb-img, .kb-image2978_b6565e-e5 .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2978_b6565e-e5 size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-slideshow.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-slideshow-1024x497.png\" alt=\"Screenshot of a slider content block being used for a slideshow.\" class=\"kb-img wp-image-2990\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-slideshow-1024x497.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-slideshow-300x146.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-slideshow-768x373.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-slideshow-105x51.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-slideshow-317x154.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-slideshow-423x205.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-slideshow-634x308.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-slideshow-846x411.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-slideshow-951x462.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-slideshow.png 1054w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1024px\" \/><\/a><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2978_3ce062-4a, .wp-block-kadence-advancedheading.kt-adv-heading2978_3ce062-4a[data-kb-block=\"kb-adv-heading2978_3ce062-4a\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2978_3ce062-4a mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2978_3ce062-4a[data-kb-block=\"kb-adv-heading2978_3ce062-4a\"] 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-heading2978_3ce062-4a img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2978_3ce062-4a[data-kb-block=\"kb-adv-heading2978_3ce062-4a\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h4 class=\"kt-adv-heading2978_3ce062-4a wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2978_3ce062-4a\">Use the Gallery (Adv) block for slideshows<\/h4>\n\n\n<style>.kb-image2978_f62ad0-60.kb-image-is-ratio-size, .kb-image2978_f62ad0-60 .kb-image-is-ratio-size{max-width:441px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image2978_f62ad0-60.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image2978_f62ad0-60 .kb-image-is-ratio-size{align-self:unset;}.kb-image2978_f62ad0-60{max-width:441px;}.image-is-svg.kb-image2978_f62ad0-60{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image2978_f62ad0-60 img{width:100%;}.kb-image2978_f62ad0-60 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2978_f62ad0-60 img.kb-img, .kb-image2978_f62ad0-60 .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}@media all and (max-width: 1024px){.kb-image2978_f62ad0-60 img.kb-img, .kb-image2978_f62ad0-60 .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}}@media all and (max-width: 767px){.kb-image2978_f62ad0-60 img.kb-img, .kb-image2978_f62ad0-60 .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2978_f62ad0-60 size-full\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/gallery-block-selected.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"688\" height=\"802\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/gallery-block-selected.png\" alt=\"A screenshot displaying the gallery block selected.\" class=\"kb-img wp-image-2991\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/gallery-block-selected.png 688w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/gallery-block-selected-257x300.png 257w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/gallery-block-selected-105x122.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/gallery-block-selected-317x370.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/gallery-block-selected-423x493.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/gallery-block-selected-634x739.png 634w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,688px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the + icon in the upper left corner of the editor. The blue box will change to a black box with an X icon, and the block selection window will open<\/li>\n\n\n\n<li>The \u201cBlocks\u201d heading displays the list of blocks available<\/li>\n\n\n\n<li>Select the &#8220;Gallery (Adv)&#8221; option<\/li>\n<\/ul>\n\n\n\n<p>There are multiple display options for this gallery block, and we recommend reviewing the different layouts listed under &#8220;Gallery Type&#8221; as some may be better suited for your content. The &#8220;Slider&#8221; layout option is closest in functionality to the old Slider Content Block.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2978_625349-00, .wp-block-kadence-advancedheading.kt-adv-heading2978_625349-00[data-kb-block=\"kb-adv-heading2978_625349-00\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2978_625349-00 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2978_625349-00[data-kb-block=\"kb-adv-heading2978_625349-00\"] 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-heading2978_625349-00 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2978_625349-00[data-kb-block=\"kb-adv-heading2978_625349-00\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"carousel-of-items\" class=\"kt-adv-heading2978_625349-00 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2978_625349-00\">Replacing a slider used to feature several items<\/h3>\n\n\n\n<p>The Slider Content Block was also used to display multiple features on a page to allow multiple items to be featured in the same location:<\/p>\n\n\n<style>.kb-image2978_8e5a38-ac.kb-image-is-ratio-size, .kb-image2978_8e5a38-ac .kb-image-is-ratio-size{max-width:441px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image2978_8e5a38-ac.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image2978_8e5a38-ac .kb-image-is-ratio-size{align-self:unset;}.kb-image2978_8e5a38-ac{max-width:441px;}.image-is-svg.kb-image2978_8e5a38-ac{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image2978_8e5a38-ac img{width:100%;}.kb-image2978_8e5a38-ac .kb-image-has-overlay:after{opacity:0.3;}.kb-image2978_8e5a38-ac img.kb-img, .kb-image2978_8e5a38-ac .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}@media all and (max-width: 1024px){.kb-image2978_8e5a38-ac img.kb-img, .kb-image2978_8e5a38-ac .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}}@media all and (max-width: 767px){.kb-image2978_8e5a38-ac img.kb-img, .kb-image2978_8e5a38-ac .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2978_8e5a38-ac size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-selector.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"479\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-selector-1024x479.png\" alt=\"A screenshot of the slider when used to select from multiple features.\" class=\"kb-img wp-image-2995\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-selector-1024x479.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-selector-300x140.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-selector-768x359.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-selector-1536x718.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-selector-2048x958.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-selector-105x49.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-selector-600x280.png 600w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-selector-317x148.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-selector-423x198.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-selector-634x297.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-selector-846x396.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-selector-951x445.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/slider-as-selector-1268x593.png 1268w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1024px\" \/><\/a><\/figure>\n\n\n\n<p>The Gutenberg editor and the blocks now available offer many new options to choose from. We recommend <a href=\"mailto:um.weboffice@maine.edu\">contacting UMaine Digital<\/a> to discuss what layout options would be best suited to replace this content on your page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The slider content block has been used in several ways, and there are multiple improved options to choose from. Slider as a selection in the Content Blocks page editor: The dialog box for Slider: How are you using the slider block? The slider block has several common uses: Replacing a slider used as a full-page [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","spc_primary_category":0},"categories":[17,41,34,5],"tags":[],"class_list":["post-2978","post","type-post","status-publish","format-standard","hentry","category-content-blocks","category-projects-cb","category-gutenberg","category-updates"],"taxonomy_info":{"category":[{"value":17,"label":"Content Blocks"},{"value":41,"label":"Content Blocks removal project"},{"value":34,"label":"Gutenberg"},{"value":5,"label":"Updates"}]},"featured_image_src_large":false,"author_info":{"display_name":"kirby","author_link":"https:\/\/umaine.edu\/userguide\/author\/kirby\/"},"comment_info":"","category_info":[{"term_id":17,"name":"Content Blocks","slug":"content-blocks","term_group":0,"term_taxonomy_id":17,"taxonomy":"category","description":"","parent":0,"count":24,"filter":"raw","cat_ID":17,"category_count":24,"category_description":"","cat_name":"Content Blocks","category_nicename":"content-blocks","category_parent":0},{"term_id":41,"name":"Content Blocks removal project","slug":"projects-cb","term_group":0,"term_taxonomy_id":41,"taxonomy":"category","description":"","parent":0,"count":16,"filter":"raw","cat_ID":41,"category_count":16,"category_description":"","cat_name":"Content Blocks removal project","category_nicename":"projects-cb","category_parent":0},{"term_id":34,"name":"Gutenberg","slug":"gutenberg","term_group":0,"term_taxonomy_id":34,"taxonomy":"category","description":"","parent":0,"count":22,"filter":"raw","cat_ID":34,"category_count":22,"category_description":"","cat_name":"Gutenberg","category_nicename":"gutenberg","category_parent":0},{"term_id":5,"name":"Updates","slug":"updates","term_group":0,"term_taxonomy_id":5,"taxonomy":"category","description":"","parent":0,"count":76,"filter":"raw","cat_ID":5,"category_count":76,"category_description":"","cat_name":"Updates","category_nicename":"updates","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2978","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/comments?post=2978"}],"version-history":[{"count":6,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2978\/revisions"}],"predecessor-version":[{"id":2998,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2978\/revisions\/2998"}],"wp:attachment":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/media?parent=2978"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/categories?post=2978"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/tags?post=2978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}