{"id":2872,"date":"2024-09-13T11:30:06","date_gmt":"2024-09-13T15:30:06","guid":{"rendered":"https:\/\/umaine.edu\/userguide\/?p=2872"},"modified":"2024-09-17T10:50:05","modified_gmt":"2024-09-17T14:50:05","slug":"replacing-explore-links-content-block","status":"publish","type":"post","link":"https:\/\/umaine.edu\/userguide\/2024\/09\/13\/replacing-explore-links-content-block\/","title":{"rendered":"Replacing Explore Links Content Block"},"content":{"rendered":"\n<p>Many websites use the &#8220;Explore Links&#8221; Content Block. This is the block that creates circles from images or icons, and displays text underneath that you then link to other destinations.<\/p>\n\n\n\n<p>Explore Links as a selection in the Content Blocks page editor:<\/p>\n\n\n<style>.kb-image2872_ad6052-6d.kb-image-is-ratio-size, .kb-image2872_ad6052-6d .kb-image-is-ratio-size{max-width:285px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image2872_ad6052-6d.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image2872_ad6052-6d .kb-image-is-ratio-size{align-self:unset;}.kb-image2872_ad6052-6d{max-width:285px;}.image-is-svg.kb-image2872_ad6052-6d{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image2872_ad6052-6d img{width:100%;}.kb-image2872_ad6052-6d .kb-image-has-overlay:after{opacity:0.3;}.kb-image2872_ad6052-6d img.kb-img, .kb-image2872_ad6052-6d .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-image2872_ad6052-6d img.kb-img, .kb-image2872_ad6052-6d .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-image2872_ad6052-6d img.kb-img, .kb-image2872_ad6052-6d .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-image2872_ad6052-6d size-full\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/explore-links-selected.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"616\" height=\"162\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/explore-links-selected.png\" alt=\"A screenshot detailing the Explore Links content block selected.\" class=\"kb-img wp-image-2875\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/explore-links-selected.png 616w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/explore-links-selected-300x79.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/explore-links-selected-105x28.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/explore-links-selected-317x83.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/explore-links-selected-423x111.png 423w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,616px\" \/><\/a><\/figure>\n\n\n\n<p>The dialog box for Explore Links:<\/p>\n\n\n<style>.kb-image2872_dccdbb-20.kb-image-is-ratio-size, .kb-image2872_dccdbb-20 .kb-image-is-ratio-size{max-width:441px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image2872_dccdbb-20.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image2872_dccdbb-20 .kb-image-is-ratio-size{align-self:unset;}.kb-image2872_dccdbb-20{max-width:441px;}.image-is-svg.kb-image2872_dccdbb-20{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image2872_dccdbb-20 img{width:100%;}.kb-image2872_dccdbb-20 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2872_dccdbb-20 img.kb-img, .kb-image2872_dccdbb-20 .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-image2872_dccdbb-20 img.kb-img, .kb-image2872_dccdbb-20 .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-image2872_dccdbb-20 img.kb-img, .kb-image2872_dccdbb-20 .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-image2872_dccdbb-20 size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/explore-links-dialog.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"914\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/explore-links-dialog-1024x914.png\" alt=\"A screenshot of the dialog box for the explore links content block.\" class=\"kb-img wp-image-2876\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/explore-links-dialog-1024x914.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/explore-links-dialog-300x268.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/explore-links-dialog-768x685.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/explore-links-dialog-105x94.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/explore-links-dialog-317x283.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/explore-links-dialog-423x378.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/explore-links-dialog-634x566.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/explore-links-dialog-846x755.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/explore-links-dialog-951x849.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/explore-links-dialog.png 1190w\" 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-heading2872_8afaf5-4e, .wp-block-kadence-advancedheading.kt-adv-heading2872_8afaf5-4e[data-kb-block=\"kb-adv-heading2872_8afaf5-4e\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2872_8afaf5-4e mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2872_8afaf5-4e[data-kb-block=\"kb-adv-heading2872_8afaf5-4e\"] 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-heading2872_8afaf5-4e img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2872_8afaf5-4e[data-kb-block=\"kb-adv-heading2872_8afaf5-4e\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2872_8afaf5-4e wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2872_8afaf5-4e\">Replace this block with the Icons pattern &#8220;UM Blue Icon Set&#8221;<\/h3>\n\n\n<style>.kb-image2872_f6a69f-64 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2872_f6a69f-64 img.kb-img, .kb-image2872_f6a69f-64 .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-image2872_f6a69f-64 img.kb-img, .kb-image2872_f6a69f-64 .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-image2872_f6a69f-64 img.kb-img, .kb-image2872_f6a69f-64 .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-image2872_f6a69f-64 size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selected.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selected-1024x683.png\" alt=\"A screenshot of the Gutenberg editor displaying the UM Blue Icon Set pattern.\" class=\"kb-img wp-image-2877\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selected-1024x683.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selected-300x200.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selected-768x512.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selected-1536x1025.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selected-105x70.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selected-317x211.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selected-423x282.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selected-634x423.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selected-846x564.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selected-951x634.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selected-1268x846.png 1268w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selected.png 1922w\" 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;Icons&#8221; option to display the different patterns that use the icon circles<\/li>\n\n\n\n<li>Select &#8220;UM Blue Icon Set&#8221; and it will appear in the editor<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2872_61f112-8c, .wp-block-kadence-advancedheading.kt-adv-heading2872_61f112-8c[data-kb-block=\"kb-adv-heading2872_61f112-8c\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2872_61f112-8c mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2872_61f112-8c[data-kb-block=\"kb-adv-heading2872_61f112-8c\"] 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-heading2872_61f112-8c img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2872_61f112-8c[data-kb-block=\"kb-adv-heading2872_61f112-8c\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2872_61f112-8c wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2872_61f112-8c\">How to increase the number of icon links<\/h3>\n\n\n\n<p>The UM Blue Icon Set will create three placeholders for your links. Increasing the number of icons is straightforward.<\/p>\n\n\n\n<p>Select the Document Overview icon (fifth icon in upper left):<\/p>\n\n\n<style>.kb-image2872_76798e-da .kb-image-has-overlay:after{opacity:0.3;}.kb-image2872_76798e-da img.kb-img, .kb-image2872_76798e-da .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-image2872_76798e-da img.kb-img, .kb-image2872_76798e-da .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-image2872_76798e-da img.kb-img, .kb-image2872_76798e-da .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-image2872_76798e-da size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-document-overview-selection.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"553\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-document-overview-selection-1024x553.png\" alt=\"A screenshot depicting the document overview selection\" class=\"kb-img wp-image-2878\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-document-overview-selection-1024x553.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-document-overview-selection-300x162.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-document-overview-selection-768x415.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-document-overview-selection-1536x830.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-document-overview-selection-105x57.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-document-overview-selection-317x171.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-document-overview-selection-423x229.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-document-overview-selection-634x343.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-document-overview-selection-846x457.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-document-overview-selection-951x514.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-document-overview-selection-1268x685.png 1268w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-document-overview-selection.png 1814w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1024px\" \/><\/a><\/figure>\n\n\n\n<p>Expand the Row Layout by clicking the &gt; symbol next to it:<\/p>\n\n\n<style>.kb-image2872_c17d9a-4e .kb-image-has-overlay:after{opacity:0.3;}.kb-image2872_c17d9a-4e img.kb-img, .kb-image2872_c17d9a-4e .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-image2872_c17d9a-4e img.kb-img, .kb-image2872_c17d9a-4e .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-image2872_c17d9a-4e img.kb-img, .kb-image2872_c17d9a-4e .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-image2872_c17d9a-4e size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-expand-row-layout.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"677\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-expand-row-layout-1024x677.png\" alt=\"A screenshot depicting the row layout expanded.\" class=\"kb-img wp-image-2889\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-expand-row-layout-1024x677.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-expand-row-layout-300x198.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-expand-row-layout-768x507.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-expand-row-layout-105x69.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-expand-row-layout-317x209.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-expand-row-layout-423x279.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-expand-row-layout-634x419.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-expand-row-layout-846x559.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-expand-row-layout-951x628.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-expand-row-layout-1268x838.png 1268w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-expand-row-layout.png 1456w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1024px\" \/><\/a><\/figure>\n\n\n\n<p>Highlight one of the &#8220;Section&#8221; items, either by clicking or hovering over with your cursor. A 3-dot &#8220;Kabob menu&#8221; icon appears to the right of the item. Click that to display a menu of options, and select &#8220;Duplicate&#8221; to make more copies of the section:<\/p>\n\n\n<style>.kb-image2872_bcabaf-3d .kb-image-has-overlay:after{opacity:0.3;}.kb-image2872_bcabaf-3d img.kb-img, .kb-image2872_bcabaf-3d .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-image2872_bcabaf-3d img.kb-img, .kb-image2872_bcabaf-3d .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-image2872_bcabaf-3d img.kb-img, .kb-image2872_bcabaf-3d .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-image2872_bcabaf-3d size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-duplicate-a-section.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-duplicate-a-section-1024x715.png\" alt=\"A screenshot displaying duplicate feature for a block\" class=\"kb-img wp-image-2888\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-duplicate-a-section-1024x715.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-duplicate-a-section-300x209.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-duplicate-a-section-768x536.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-duplicate-a-section-105x73.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-duplicate-a-section-317x221.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-duplicate-a-section-423x295.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-duplicate-a-section-634x443.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-duplicate-a-section-846x591.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-duplicate-a-section-951x664.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-duplicate-a-section-1268x885.png 1268w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-duplicate-a-section.png 1444w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1024px\" \/><\/a><\/figure>\n\n\n\n<p>Duplicate the block until you have the number of icon blocks you need to replace your Explore Links block:<\/p>\n\n\n<style>.kb-image2872_522c3e-4f .kb-image-has-overlay:after{opacity:0.3;}.kb-image2872_522c3e-4f img.kb-img, .kb-image2872_522c3e-4f .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-image2872_522c3e-4f img.kb-img, .kb-image2872_522c3e-4f .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-image2872_522c3e-4f img.kb-img, .kb-image2872_522c3e-4f .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-image2872_522c3e-4f size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-five-icons-created.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-five-icons-created-1024x452.png\" alt=\"A screenshot showing the five info boxes created.\" class=\"kb-img wp-image-2887\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-five-icons-created-1024x452.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-five-icons-created-300x133.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-five-icons-created-768x339.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-five-icons-created-1536x678.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-five-icons-created-2048x905.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-five-icons-created-105x46.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-five-icons-created-317x140.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-five-icons-created-423x187.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-five-icons-created-634x280.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-five-icons-created-846x374.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-five-icons-created-951x420.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-five-icons-created-1268x560.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-heading2872_96eca3-8c, .wp-block-kadence-advancedheading.kt-adv-heading2872_96eca3-8c[data-kb-block=\"kb-adv-heading2872_96eca3-8c\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2872_96eca3-8c mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2872_96eca3-8c[data-kb-block=\"kb-adv-heading2872_96eca3-8c\"] 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-heading2872_96eca3-8c img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2872_96eca3-8c[data-kb-block=\"kb-adv-heading2872_96eca3-8c\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2872_96eca3-8c wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2872_96eca3-8c\">Setting the number of icons-per-row<\/h3>\n\n\n\n<p>By default the UM Blue Icon Set uses a Row Layout block set to three column display. You can easily adjust this within the Layout options for the Row Layout block. In this example we set this to 5 columns:<\/p>\n\n\n<style>.kb-image2872_53de70-5d .kb-image-has-overlay:after{opacity:0.3;}.kb-image2872_53de70-5d img.kb-img, .kb-image2872_53de70-5d .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-image2872_53de70-5d img.kb-img, .kb-image2872_53de70-5d .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-image2872_53de70-5d img.kb-img, .kb-image2872_53de70-5d .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-image2872_53de70-5d size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-increasing-columns.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-increasing-columns-1024x452.png\" alt=\"A screenshot displaying the row layout increased to 5 column display.\" class=\"kb-img wp-image-2886\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-increasing-columns-1024x452.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-increasing-columns-300x132.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-increasing-columns-768x339.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-increasing-columns-1536x678.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-increasing-columns-2048x904.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-increasing-columns-105x46.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-increasing-columns-317x140.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-increasing-columns-423x187.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-increasing-columns-634x280.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-increasing-columns-846x374.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-increasing-columns-951x420.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-increasing-columns-1268x560.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-heading2872_e71915-6f, .wp-block-kadence-advancedheading.kt-adv-heading2872_e71915-6f[data-kb-block=\"kb-adv-heading2872_e71915-6f\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2872_e71915-6f mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2872_e71915-6f[data-kb-block=\"kb-adv-heading2872_e71915-6f\"] 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-heading2872_e71915-6f img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2872_e71915-6f[data-kb-block=\"kb-adv-heading2872_e71915-6f\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2872_e71915-6f wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2872_e71915-6f\">Select an image for a circle<\/h3>\n\n\n\n<p>The Icon Set pattern uses the &#8220;Info Box&#8221; block. Click on a circle&#8217;s &#8220;Insert your icon here&#8221; image, and select the Info Box &#8220;Style&#8221; tab (in the settings panel to the right) to replace the placeholder with an image:<\/p>\n\n\n<style>.kb-image2872_7e3c5c-75 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2872_7e3c5c-75 img.kb-img, .kb-image2872_7e3c5c-75 .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-image2872_7e3c5c-75 img.kb-img, .kb-image2872_7e3c5c-75 .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-image2872_7e3c5c-75 img.kb-img, .kb-image2872_7e3c5c-75 .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-image2872_7e3c5c-75\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"3084\" height=\"1156\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon.png\" alt=\"A screenshot showing the info box settings\" class=\"kb-img wp-image-2885\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon.png 3084w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-300x112.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-1024x384.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-768x288.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-1536x576.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-2048x768.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-105x39.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-317x119.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-423x159.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-634x238.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-846x317.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-951x356.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-1268x475.png 1268w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,3084px\" \/><\/a><figcaption>Selecting an Info Box and opening its Style options.<\/figcaption><\/figure>\n\n\n<style>.kb-image2872_80c398-20 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2872_80c398-20 img.kb-img, .kb-image2872_80c398-20 .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-image2872_80c398-20 img.kb-img, .kb-image2872_80c398-20 .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-image2872_80c398-20 img.kb-img, .kb-image2872_80c398-20 .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-image2872_80c398-20 size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-media.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"447\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-media-1024x447.png\" alt=\"An info box settings panel with the Media section selected.\" class=\"kb-img wp-image-2884\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-media-1024x447.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-media-300x131.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-media-768x336.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-media-1536x671.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-media-2048x895.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-media-105x46.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-media-317x139.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-media-423x185.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-media-634x277.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-media-846x370.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-media-951x416.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-first-icon-media-1268x554.png 1268w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1024px\" \/><\/a><figcaption>Scroll down to the Media options in those Style settings.<\/figcaption><\/figure>\n\n\n\n<p>Click the &#8220;Edit Image&#8221; box to select the appropriate image from your media gallery. In this example, the image is of an icon:<\/p>\n\n\n<style>.kb-image2872_99aa42-86 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2872_99aa42-86 img.kb-img, .kb-image2872_99aa42-86 .kb-img img{border-top:0px solid #abb8c3;border-right:0px solid #abb8c3;border-bottom:0px solid #abb8c3;border-left:0px solid #abb8c3;}@media all and (max-width: 1024px){.kb-image2872_99aa42-86 img.kb-img, .kb-image2872_99aa42-86 .kb-img img{border-top:0px solid #abb8c3;border-right:0px solid #abb8c3;border-bottom:0px solid #abb8c3;border-left:0px solid #abb8c3;}}@media all and (max-width: 767px){.kb-image2872_99aa42-86 img.kb-img, .kb-image2872_99aa42-86 .kb-img img{border-top:0px solid #abb8c3;border-right:0px solid #abb8c3;border-bottom:0px solid #abb8c3;border-left:0px solid #abb8c3;}}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2872_99aa42-86 size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selecting-image-in-gallery.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"365\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selecting-image-in-gallery-1024x365.png\" alt=\"A screenshot of a media gallery displaying icon images.\" class=\"kb-img wp-image-2883\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selecting-image-in-gallery-1024x365.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selecting-image-in-gallery-300x107.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selecting-image-in-gallery-768x274.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selecting-image-in-gallery-1536x548.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selecting-image-in-gallery-2048x731.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selecting-image-in-gallery-105x37.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selecting-image-in-gallery-317x113.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selecting-image-in-gallery-423x151.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selecting-image-in-gallery-634x226.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selecting-image-in-gallery-846x302.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selecting-image-in-gallery-951x339.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-selecting-image-in-gallery-1268x452.png 1268w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1024px\" \/><\/a><figcaption>Important: check the &#8220;Alt Text&#8221; on the image you are selecting for accessibility.<\/figcaption><\/figure>\n\n\n\n<p>The Info Box image works best when it is cropped to a square aspect ratio (1:1). Select this option from the Image Ratio drop-down (scroll further down in the settings panel to find this):<\/p>\n\n\n<style>.kb-image2872_70e665-b0 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2872_70e665-b0 img.kb-img, .kb-image2872_70e665-b0 .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-image2872_70e665-b0 img.kb-img, .kb-image2872_70e665-b0 .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-image2872_70e665-b0 img.kb-img, .kb-image2872_70e665-b0 .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-image2872_70e665-b0 size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-image-ratio-selection.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-image-ratio-selection-1024x488.png\" alt=\"Selecting the aspect ratio of an image\" class=\"kb-img wp-image-2879\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-image-ratio-selection-1024x488.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-image-ratio-selection-300x143.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-image-ratio-selection-768x366.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-image-ratio-selection-1536x732.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-image-ratio-selection-2048x977.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-image-ratio-selection-105x50.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-image-ratio-selection-317x151.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-image-ratio-selection-423x202.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-image-ratio-selection-634x302.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-image-ratio-selection-846x403.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-image-ratio-selection-951x454.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-image-ratio-selection-1268x605.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-heading2872_2676b6-20, .wp-block-kadence-advancedheading.kt-adv-heading2872_2676b6-20[data-kb-block=\"kb-adv-heading2872_2676b6-20\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2872_2676b6-20 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2872_2676b6-20[data-kb-block=\"kb-adv-heading2872_2676b6-20\"] 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-heading2872_2676b6-20 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2872_2676b6-20[data-kb-block=\"kb-adv-heading2872_2676b6-20\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2872_2676b6-20 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2872_2676b6-20\">Setting the text and link<\/h3>\n\n\n\n<p>Update the text underneath the image by selecting the &#8220;Title&#8221; text and typing your new title.<\/p>\n\n\n\n<p>The link for this info box is found in its General settings. Paste the web link in the link field, and click the &#8220;Submit&#8221; symbol to apply it:<\/p>\n\n\n<style>.kb-image2872_31ef32-ba .kb-image-has-overlay:after{opacity:0.3;}.kb-image2872_31ef32-ba img.kb-img, .kb-image2872_31ef32-ba .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-image2872_31ef32-ba img.kb-img, .kb-image2872_31ef32-ba .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-image2872_31ef32-ba img.kb-img, .kb-image2872_31ef32-ba .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-image2872_31ef32-ba size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-link-destination.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"438\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-link-destination-1024x438.png\" alt=\"A screenshot of an info box showing how to set a link destination in its options.\" class=\"kb-img wp-image-2881\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-link-destination-1024x438.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-link-destination-300x128.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-link-destination-768x329.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-link-destination-1536x657.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-link-destination-2048x876.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-link-destination-105x45.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-link-destination-317x136.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-link-destination-423x181.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-link-destination-634x271.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-link-destination-846x362.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-link-destination-951x407.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/icon-pattern-setting-link-destination-1268x542.png 1268w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1024px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Many websites use the &#8220;Explore Links&#8221; Content Block. This is the block that creates circles from images or icons, and displays text underneath that you then link to other destinations. Explore Links as a selection in the Content Blocks page editor: The dialog box for Explore Links: Replace this block with the Icons pattern &#8220;UM [&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-2872","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\/2872","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=2872"}],"version-history":[{"count":2,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2872\/revisions"}],"predecessor-version":[{"id":2921,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2872\/revisions\/2921"}],"wp:attachment":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/media?parent=2872"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/categories?post=2872"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/tags?post=2872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}