{"id":2891,"date":"2024-09-13T14:31:19","date_gmt":"2024-09-13T18:31:19","guid":{"rendered":"https:\/\/umaine.edu\/userguide\/?p=2891"},"modified":"2024-10-18T10:50:27","modified_gmt":"2024-10-18T14:50:27","slug":"replacing-people-list-content-block","status":"publish","type":"post","link":"https:\/\/umaine.edu\/userguide\/2024\/09\/13\/replacing-people-list-content-block\/","title":{"rendered":"Replacing People List Content Block"},"content":{"rendered":"\n<p>While there is an automated directory to list the People content on your website, the \u201cPeople List\u201d Content Block offered the ability to put people in a specific order. To replace this functionality, we have created a People pattern.<\/p>\n\n\n\n<p>People List as a selection in the Content Blocks page editor:<\/p>\n\n\n<style>.kb-image2891_eae5c3-78.kb-image-is-ratio-size, .kb-image2891_eae5c3-78 .kb-image-is-ratio-size{max-width:285px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image2891_eae5c3-78.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image2891_eae5c3-78 .kb-image-is-ratio-size{align-self:unset;}.kb-image2891_eae5c3-78{max-width:285px;}.image-is-svg.kb-image2891_eae5c3-78{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image2891_eae5c3-78 img{width:100%;}.kb-image2891_eae5c3-78 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2891_eae5c3-78 img.kb-img, .kb-image2891_eae5c3-78 .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-image2891_eae5c3-78 img.kb-img, .kb-image2891_eae5c3-78 .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-image2891_eae5c3-78 img.kb-img, .kb-image2891_eae5c3-78 .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-image2891_eae5c3-78 size-full\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-list-selected.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"604\" height=\"158\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-list-selected.png\" alt=\"A screenshot detailing the People List content block selected.\" class=\"kb-img wp-image-2895\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-list-selected.png 604w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-list-selected-300x78.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-list-selected-105x27.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-list-selected-600x158.png 600w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-list-selected-317x83.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-list-selected-423x111.png 423w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,604px\" \/><\/a><\/figure>\n\n\n\n<p>The dialog box for People List:<\/p>\n\n\n<style>.kb-image2891_147a7d-81.kb-image-is-ratio-size, .kb-image2891_147a7d-81 .kb-image-is-ratio-size{max-width:441px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image2891_147a7d-81.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image2891_147a7d-81 .kb-image-is-ratio-size{align-self:unset;}.kb-image2891_147a7d-81{max-width:441px;}.image-is-svg.kb-image2891_147a7d-81{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image2891_147a7d-81 img{width:100%;}.kb-image2891_147a7d-81 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2891_147a7d-81 img.kb-img, .kb-image2891_147a7d-81 .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-image2891_147a7d-81 img.kb-img, .kb-image2891_147a7d-81 .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-image2891_147a7d-81 img.kb-img, .kb-image2891_147a7d-81 .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-image2891_147a7d-81 size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-list-dialog.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"1024\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-list-dialog-700x1024.png\" alt=\"A screenshot of the dialog box for the people list content block.\" class=\"kb-img wp-image-2894\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-list-dialog-700x1024.png 700w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-list-dialog-205x300.png 205w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-list-dialog-96x140.png 96w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-list-dialog-317x464.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-list-dialog-423x619.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-list-dialog-634x928.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-list-dialog.png 704w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,700px\" \/><\/a><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2891_d4f5fa-33, .wp-block-kadence-advancedheading.kt-adv-heading2891_d4f5fa-33[data-kb-block=\"kb-adv-heading2891_d4f5fa-33\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2891_d4f5fa-33 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2891_d4f5fa-33[data-kb-block=\"kb-adv-heading2891_d4f5fa-33\"] 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-heading2891_d4f5fa-33 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2891_d4f5fa-33[data-kb-block=\"kb-adv-heading2891_d4f5fa-33\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2891_d4f5fa-33 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2891_d4f5fa-33\">Replace this block with the People pattern &#8220;UM People Group&#8221;<\/h3>\n\n\n<style>.kb-image2891_077a03-f7 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2891_077a03-f7 img.kb-img, .kb-image2891_077a03-f7 .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-image2891_077a03-f7 img.kb-img, .kb-image2891_077a03-f7 .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-image2891_077a03-f7 img.kb-img, .kb-image2891_077a03-f7 .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-image2891_077a03-f7 size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"729\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-1024x729.png\" alt=\"A screenshot of the Gutenberg editor displaying the UM People Group pattern.\" class=\"kb-img wp-image-2896\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-1024x729.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-300x214.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-768x547.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-1536x1094.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-2048x1458.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-105x75.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-317x226.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-423x301.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-634x451.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-846x602.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-951x677.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-1268x903.png 1268w\" 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;People&#8221; option to display the different patterns for listing people<\/li>\n\n\n\n<li>Select &#8220;UM People Group&#8221; and it will appear in the editor<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2891_cbf29d-10, .wp-block-kadence-advancedheading.kt-adv-heading2891_cbf29d-10[data-kb-block=\"kb-adv-heading2891_cbf29d-10\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2891_cbf29d-10 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2891_cbf29d-10[data-kb-block=\"kb-adv-heading2891_cbf29d-10\"] 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-heading2891_cbf29d-10 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2891_cbf29d-10[data-kb-block=\"kb-adv-heading2891_cbf29d-10\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2891_cbf29d-10 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2891_cbf29d-10\">How to increase the number of people listed<\/h3>\n\n\n\n<p>The UM People Group will create two placeholders for your people. Increasing the number of people is straightforward.<\/p>\n\n\n\n<p>Select the Document Overview icon (fifth icon in upper left):<\/p>\n\n\n<style>.kb-image2891_da3b15-f8 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2891_da3b15-f8 img.kb-img, .kb-image2891_da3b15-f8 .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-image2891_da3b15-f8 img.kb-img, .kb-image2891_da3b15-f8 .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-image2891_da3b15-f8 img.kb-img, .kb-image2891_da3b15-f8 .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-image2891_da3b15-f8 size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-document-overview.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"459\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-document-overview-1024x459.png\" alt=\"A screenshot depicting the document overview selection\" class=\"kb-img wp-image-2897\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-document-overview-1024x459.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-document-overview-300x134.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-document-overview-768x344.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-document-overview-1536x689.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-document-overview-2048x918.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-document-overview-105x47.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-document-overview-317x142.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-document-overview-423x190.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-document-overview-634x284.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-document-overview-846x379.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-document-overview-951x426.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-document-overview-1268x568.png 1268w\" 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-image2891_cc4cf4-da .kb-image-has-overlay:after{opacity:0.3;}.kb-image2891_cc4cf4-da img.kb-img, .kb-image2891_cc4cf4-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-image2891_cc4cf4-da img.kb-img, .kb-image2891_cc4cf4-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-image2891_cc4cf4-da img.kb-img, .kb-image2891_cc4cf4-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-image2891_cc4cf4-da size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-expand-row-layout.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"475\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-expand-row-layout-1024x475.png\" alt=\"A screenshot depicting the row layout expanded.\" class=\"kb-img wp-image-2898\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-expand-row-layout-1024x475.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-expand-row-layout-300x139.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-expand-row-layout-768x356.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-expand-row-layout-1536x712.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-expand-row-layout-2048x949.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-expand-row-layout-105x49.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-expand-row-layout-317x147.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-expand-row-layout-423x196.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-expand-row-layout-634x294.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-expand-row-layout-846x392.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-expand-row-layout-951x441.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-expand-row-layout-1268x588.png 1268w\" 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-image2891_3eb44b-f1 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2891_3eb44b-f1 img.kb-img, .kb-image2891_3eb44b-f1 .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-image2891_3eb44b-f1 img.kb-img, .kb-image2891_3eb44b-f1 .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-image2891_3eb44b-f1 img.kb-img, .kb-image2891_3eb44b-f1 .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-image2891_3eb44b-f1 size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-duplicate-a-section.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"482\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-duplicate-a-section-1024x482.png\" alt=\"\" class=\"kb-img wp-image-2899\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-duplicate-a-section-1024x482.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-duplicate-a-section-300x141.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-duplicate-a-section-768x361.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-duplicate-a-section-1536x722.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-duplicate-a-section-2048x963.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-duplicate-a-section-105x49.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-duplicate-a-section-317x149.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-duplicate-a-section-423x199.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-duplicate-a-section-634x298.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-duplicate-a-section-846x398.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-duplicate-a-section-951x447.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-duplicate-a-section-1268x596.png 1268w\" 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 people blocks you need to replace your People List block:<\/p>\n\n\n<style>.kb-image2891_fee3d0-49 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2891_fee3d0-49 img.kb-img, .kb-image2891_fee3d0-49 .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-image2891_fee3d0-49 img.kb-img, .kb-image2891_fee3d0-49 .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-image2891_fee3d0-49 img.kb-img, .kb-image2891_fee3d0-49 .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-image2891_fee3d0-49 size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-six-people-created.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"664\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-six-people-created-1024x664.png\" alt=\"A screenshot showing the six people sections created.\" class=\"kb-img wp-image-2900\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-six-people-created-1024x664.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-six-people-created-300x195.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-six-people-created-768x498.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-six-people-created-1536x996.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-six-people-created-2048x1328.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-six-people-created-105x68.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-six-people-created-317x206.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-six-people-created-423x274.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-six-people-created-634x411.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-six-people-created-846x549.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-six-people-created-951x617.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-six-people-created-1268x822.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-heading2891_ca8d86-51, .wp-block-kadence-advancedheading.kt-adv-heading2891_ca8d86-51[data-kb-block=\"kb-adv-heading2891_ca8d86-51\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2891_ca8d86-51 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2891_ca8d86-51[data-kb-block=\"kb-adv-heading2891_ca8d86-51\"] 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-heading2891_ca8d86-51 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2891_ca8d86-51[data-kb-block=\"kb-adv-heading2891_ca8d86-51\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2891_ca8d86-51 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2891_ca8d86-51\">Select an image for a person<\/h3>\n\n\n\n<p>The People Group pattern uses the &#8220;Info Box&#8221; block. Click on a rectangular &#8220;Photo 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-image2891_8d4cd8-41 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2891_8d4cd8-41 img.kb-img, .kb-image2891_8d4cd8-41 .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-image2891_8d4cd8-41 img.kb-img, .kb-image2891_8d4cd8-41 .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-image2891_8d4cd8-41 img.kb-img, .kb-image2891_8d4cd8-41 .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-image2891_8d4cd8-41 size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"469\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-1024x469.png\" alt=\"A screenshot showing the info box settings\" class=\"kb-img wp-image-2902\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-1024x469.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-300x137.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-768x352.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-1536x704.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-2048x938.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-105x48.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-317x145.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-423x194.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-634x290.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-846x388.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-951x436.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-1268x581.png 1268w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1024px\" \/><\/a><figcaption>Selecting an Info Box and opening its Style options.<\/figcaption><\/figure>\n\n\n<style>.kb-image2891_03acfa-32 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2891_03acfa-32 img.kb-img, .kb-image2891_03acfa-32 .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-image2891_03acfa-32 img.kb-img, .kb-image2891_03acfa-32 .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-image2891_03acfa-32 img.kb-img, .kb-image2891_03acfa-32 .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-image2891_03acfa-32 size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-media.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"459\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-media-1024x459.png\" alt=\"An info box settings panel with the Media section selected.\" class=\"kb-img wp-image-2903\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-media-1024x459.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-media-300x135.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-media-768x344.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-media-1536x689.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-media-2048x918.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-media-105x47.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-media-317x142.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-media-423x190.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-media-634x284.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-media-846x379.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-media-951x426.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-first-image-media-1268x569.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 a portrait:<\/p>\n\n\n<style>.kb-image2891_8a75c5-d9 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2891_8a75c5-d9 img.kb-img, .kb-image2891_8a75c5-d9 .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-image2891_8a75c5-d9 img.kb-img, .kb-image2891_8a75c5-d9 .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-image2891_8a75c5-d9 img.kb-img, .kb-image2891_8a75c5-d9 .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-image2891_8a75c5-d9 size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-image-in-gallery.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"344\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-image-in-gallery-1024x344.png\" alt=\"A screenshot of a media gallery displaying portrait images.\" class=\"kb-img wp-image-2904\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-image-in-gallery-1024x344.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-image-in-gallery-300x101.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-image-in-gallery-768x258.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-image-in-gallery-1536x516.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-image-in-gallery-2048x688.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-image-in-gallery-105x35.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-image-in-gallery-317x106.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-image-in-gallery-423x142.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-image-in-gallery-634x213.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-image-in-gallery-846x284.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-image-in-gallery-951x319.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-selecting-image-in-gallery-1268x426.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>This Info Box image works best when it is cropped to a portrait aspect ratio (2:3). 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-image2891_8d4343-74 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2891_8d4343-74 img.kb-img, .kb-image2891_8d4343-74 .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-image2891_8d4343-74 img.kb-img, .kb-image2891_8d4343-74 .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-image2891_8d4343-74 img.kb-img, .kb-image2891_8d4343-74 .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-image2891_8d4343-74 size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-image-ratio-selection.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"531\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-image-ratio-selection-1024x531.png\" alt=\"Selecting the aspect ratio of an image\" class=\"kb-img wp-image-2905\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-image-ratio-selection-1024x531.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-image-ratio-selection-300x156.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-image-ratio-selection-768x398.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-image-ratio-selection-1536x797.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-image-ratio-selection-2048x1062.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-image-ratio-selection-105x54.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-image-ratio-selection-317x164.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-image-ratio-selection-423x219.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-image-ratio-selection-634x329.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-image-ratio-selection-846x439.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-image-ratio-selection-951x493.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-image-ratio-selection-1268x658.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-heading2891_bc58c4-d5, .wp-block-kadence-advancedheading.kt-adv-heading2891_bc58c4-d5[data-kb-block=\"kb-adv-heading2891_bc58c4-d5\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2891_bc58c4-d5 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2891_bc58c4-d5[data-kb-block=\"kb-adv-heading2891_bc58c4-d5\"] 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-heading2891_bc58c4-d5 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2891_bc58c4-d5[data-kb-block=\"kb-adv-heading2891_bc58c4-d5\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2891_bc58c4-d5 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2891_bc58c4-d5\">Setting the text and optional link<\/h3>\n\n\n\n<p>Update the text to the side of the image as needed to display the name, title, email address, and other information in the info box. <\/p>\n\n\n<style>.kb-image2891_320bbd-37 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2891_320bbd-37 img.kb-img, .kb-image2891_320bbd-37 .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-image2891_320bbd-37 img.kb-img, .kb-image2891_320bbd-37 .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-image2891_320bbd-37 img.kb-img, .kb-image2891_320bbd-37 .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-image2891_320bbd-37 size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-link-for-person.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"422\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-link-for-person-1024x422.png\" alt=\"A screenshot of an info box showing how to set a link destination in its options.\" class=\"kb-img wp-image-2907\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-link-for-person-1024x422.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-link-for-person-300x124.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-link-for-person-768x317.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-link-for-person-1536x634.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-link-for-person-2048x845.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-link-for-person-105x43.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-link-for-person-317x131.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-link-for-person-423x174.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-link-for-person-634x262.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-link-for-person-846x349.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-link-for-person-951x392.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-setting-link-for-person-1268x523.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 text to the right of the image is formatted for the most common information listed for a person. You may adjust this to fit your particular formatting needs.<\/p>\n\n\n\n<p>The &#8220;Link&#8221; field in General Info Box settings in the right settings panel may be used to link this person to content of your choice. By default this is set to &#8220;Entire Box&#8221; which makes the entire listing a single clickable link.<\/p>\n\n\n<style>.kb-image2891_29fdff-91.kb-image-is-ratio-size, .kb-image2891_29fdff-91 .kb-image-is-ratio-size{max-width:285px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image2891_29fdff-91.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image2891_29fdff-91 .kb-image-is-ratio-size{align-self:unset;}.kb-image2891_29fdff-91{max-width:285px;}.image-is-svg.kb-image2891_29fdff-91{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image2891_29fdff-91 img{width:100%;}.kb-image2891_29fdff-91 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2891_29fdff-91 img.kb-img, .kb-image2891_29fdff-91 .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-image2891_29fdff-91 img.kb-img, .kb-image2891_29fdff-91 .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-image2891_29fdff-91 img.kb-img, .kb-image2891_29fdff-91 .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-image2891_29fdff-91 size-full\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/info-box-link-settings.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"344\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/info-box-link-settings.png\" alt=\"Screenshot displaying the info box link options\" class=\"kb-img wp-image-2965\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/info-box-link-settings.png 540w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/info-box-link-settings-300x191.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/info-box-link-settings-105x67.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/info-box-link-settings-317x202.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/info-box-link-settings-423x269.png 423w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,540px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Link to their email address by entering &#8220;mailto:&#8221; followed by their email address<\/li>\n\n\n\n<li>Link to a page with more information about the person by entering that page&#8217;s URL<\/li>\n\n\n\n<li>An external link to their Google Scholar or LinkedIn profile<\/li>\n<\/ul>\n\n\n\n<p>If you change the \u201cLink content\u201d option from \u201cEntire Box\u201d to \u201cOnly learn more text\u201d multiple links can be set up in the text editor itself:<\/p>\n\n\n<style>.kb-image2891_8aa9bd-63.kb-image-is-ratio-size, .kb-image2891_8aa9bd-63 .kb-image-is-ratio-size{max-width:285px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image2891_8aa9bd-63.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image2891_8aa9bd-63 .kb-image-is-ratio-size{align-self:unset;}.kb-image2891_8aa9bd-63{max-width:285px;}.image-is-svg.kb-image2891_8aa9bd-63{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image2891_8aa9bd-63 img{width:100%;}.kb-image2891_8aa9bd-63 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2891_8aa9bd-63 size-full\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/info-box-link-inline.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"856\" height=\"658\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/info-box-link-inline.png\" alt=\"Screenshot displaying the link tool when linking text within an info box.\" class=\"kb-img wp-image-2967\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/info-box-link-inline.png 856w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/info-box-link-inline-300x231.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/info-box-link-inline-768x590.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/info-box-link-inline-105x81.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/info-box-link-inline-317x244.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/info-box-link-inline-423x325.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/info-box-link-inline-634x487.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/info-box-link-inline-846x650.png 846w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,856px\" \/><\/a><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2891_e2d019-f3, .wp-block-kadence-advancedheading.kt-adv-heading2891_e2d019-f3[data-kb-block=\"kb-adv-heading2891_e2d019-f3\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2891_e2d019-f3 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2891_e2d019-f3[data-kb-block=\"kb-adv-heading2891_e2d019-f3\"] 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-heading2891_e2d019-f3 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2891_e2d019-f3[data-kb-block=\"kb-adv-heading2891_e2d019-f3\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2891_e2d019-f3 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2891_e2d019-f3\">Adjusting the columns of people<\/h3>\n\n\n\n<p>If you would like to display your people listing in three or more columns, you may adjust this within the Row Layout settings:<\/p>\n\n\n<style>.kb-image2891_ebb2e5-8d .kb-image-has-overlay:after{opacity:0.3;}.kb-image2891_ebb2e5-8d img.kb-img, .kb-image2891_ebb2e5-8d .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-image2891_ebb2e5-8d img.kb-img, .kb-image2891_ebb2e5-8d .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-image2891_ebb2e5-8d img.kb-img, .kb-image2891_ebb2e5-8d .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-image2891_ebb2e5-8d size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-increasing-columns.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"373\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-increasing-columns-1024x373.png\" alt=\"A screenshot displaying the row layout increased to 3 column display.\" class=\"kb-img wp-image-2910\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-increasing-columns-1024x373.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-increasing-columns-300x109.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-increasing-columns-768x280.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-increasing-columns-1536x560.png 1536w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-increasing-columns-2048x747.png 2048w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-increasing-columns-105x38.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-increasing-columns-317x116.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-increasing-columns-423x154.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-increasing-columns-634x231.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-increasing-columns-846x308.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-increasing-columns-951x347.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/09\/people-pattern-increasing-columns-1268x462.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>While there is an automated directory to list the People content on your website, the \u201cPeople List\u201d Content Block offered the ability to put people in a specific order. To replace this functionality, we have created a People pattern. People List as a selection in the Content Blocks page editor: The dialog box for People [&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-2891","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\/2891","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=2891"}],"version-history":[{"count":7,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2891\/revisions"}],"predecessor-version":[{"id":2973,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2891\/revisions\/2973"}],"wp:attachment":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/media?parent=2891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/categories?post=2891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/tags?post=2891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}