{"id":3008,"date":"2024-10-28T09:26:52","date_gmt":"2024-10-28T13:26:52","guid":{"rendered":"https:\/\/umaine.edu\/userguide\/?p=3008"},"modified":"2024-10-28T12:41:08","modified_gmt":"2024-10-28T16:41:08","slug":"replacing-featured-content-block","status":"publish","type":"post","link":"https:\/\/umaine.edu\/userguide\/2024\/10\/28\/replacing-featured-content-block\/","title":{"rendered":"Replacing Featured Content Block"},"content":{"rendered":"\n<p>The &#8220;Featured Content&#8221; Content Block has been used for headings and features, and displays an image to the left or right of heading style text.<\/p>\n\n\n\n<p>Featured Content as a selection in the Content Blocks page editor:<\/p>\n\n\n<style>.kb-image3008_6d1d04-63.kb-image-is-ratio-size, .kb-image3008_6d1d04-63 .kb-image-is-ratio-size{max-width:285px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image3008_6d1d04-63.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image3008_6d1d04-63 .kb-image-is-ratio-size{align-self:unset;}.kb-image3008_6d1d04-63{max-width:285px;}.image-is-svg.kb-image3008_6d1d04-63{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image3008_6d1d04-63 img{width:100%;}.kb-image3008_6d1d04-63 .kb-image-has-overlay:after{opacity:0.3;}.kb-image3008_6d1d04-63 img.kb-img, .kb-image3008_6d1d04-63 .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-image3008_6d1d04-63 img.kb-img, .kb-image3008_6d1d04-63 .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-image3008_6d1d04-63 img.kb-img, .kb-image3008_6d1d04-63 .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-image3008_6d1d04-63\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/featured-image-block-selected.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"146\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/featured-image-block-selected.png\" alt=\"A screenshot of the featured content block selection icon.\" class=\"kb-img wp-image-3011\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/featured-image-block-selected.png 600w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/featured-image-block-selected-300x73.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/featured-image-block-selected-105x26.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/featured-image-block-selected-317x77.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/featured-image-block-selected-423x103.png 423w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,600px\" \/><\/a><\/figure>\n\n\n\n<p>The dialog box for Featured Content:<\/p>\n\n\n<style>.kb-image3008_a22df0-da.kb-image-is-ratio-size, .kb-image3008_a22df0-da .kb-image-is-ratio-size{max-width:441px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image3008_a22df0-da.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image3008_a22df0-da .kb-image-is-ratio-size{align-self:unset;}.kb-image3008_a22df0-da{max-width:441px;}.image-is-svg.kb-image3008_a22df0-da{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image3008_a22df0-da img{width:100%;}.kb-image3008_a22df0-da .kb-image-has-overlay:after{opacity:0.3;}.kb-image3008_a22df0-da img.kb-img, .kb-image3008_a22df0-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-image3008_a22df0-da img.kb-img, .kb-image3008_a22df0-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-image3008_a22df0-da img.kb-img, .kb-image3008_a22df0-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-image3008_a22df0-da size-large\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/featured-content-block-dialog.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"828\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/featured-content-block-dialog-1024x828.png\" alt=\"A screenshot of the modal window for featured content settings.\" class=\"kb-img wp-image-3012\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/featured-content-block-dialog-1024x828.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/featured-content-block-dialog-300x243.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/featured-content-block-dialog-768x621.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/featured-content-block-dialog-105x85.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/featured-content-block-dialog-317x256.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/featured-content-block-dialog-423x342.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/featured-content-block-dialog-634x513.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/featured-content-block-dialog-846x684.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/featured-content-block-dialog-951x769.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/featured-content-block-dialog.png 1160w\" 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-heading3008_88e341-73, .wp-block-kadence-advancedheading.kt-adv-heading3008_88e341-73[data-kb-block=\"kb-adv-heading3008_88e341-73\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading3008_88e341-73 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading3008_88e341-73[data-kb-block=\"kb-adv-heading3008_88e341-73\"] 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-heading3008_88e341-73 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading3008_88e341-73[data-kb-block=\"kb-adv-heading3008_88e341-73\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading3008_88e341-73 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading3008_88e341-73\">If your Featured Content block is used as the heading of your page, use the pattern &#8220;BH Header with text left (white bg)&#8221; or &#8220;BH Header with text right (white bg)&#8221; <\/h3>\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 \u201cPatterns\u201d heading to display the list of patterns<\/li>\n\n\n\n<li>Select the \u201cHeaders\u201d option to display the different patterns for headers<\/li>\n\n\n\n<li>Select \u201cBH Header with text left (white bg)\u201d or &#8220;BH Header with text right (white bg)&#8221; and it will appear in the editor<\/li>\n\n\n\n<li>NOTE: To use this pattern with the new Blue Horizons branded fonts, contact <a href=\"mailto:um.weboffice@maine.edu\">um.weboffice@maine.edu<\/a> before using these options.<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading3008_71f0ae-41, .wp-block-kadence-advancedheading.kt-adv-heading3008_71f0ae-41[data-kb-block=\"kb-adv-heading3008_71f0ae-41\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading3008_71f0ae-41 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading3008_71f0ae-41[data-kb-block=\"kb-adv-heading3008_71f0ae-41\"] 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-heading3008_71f0ae-41 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading3008_71f0ae-41[data-kb-block=\"kb-adv-heading3008_71f0ae-41\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading3008_71f0ae-41 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading3008_71f0ae-41\">If your Featured Content block is used after the headline (in the body content of the page), use the pattern &#8220;BH Feature Left Text w\/image&#8221; or &#8220;BH Feature Right Text w\/image&#8221;<\/h3>\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 \u201cPatterns\u201d heading to display the list of patterns<\/li>\n\n\n\n<li>Select the \u201cFeatures\u201d option to display the different patterns for features<\/li>\n\n\n\n<li>Select \u201cBH Feature Left Text w\/image\u201d or &#8220;BH Feature Right Text w\/image&#8221; and it will appear in the editor<\/li>\n\n\n\n<li>NOTE: To use this pattern with the new Blue Horizons branded fonts, contact <a href=\"mailto:um.weboffice@maine.edu\">um.weboffice@maine.edu<\/a> before using these options.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The &#8220;Featured Content&#8221; Content Block has been used for headings and features, and displays an image to the left or right of heading style text. Featured Content as a selection in the Content Blocks page editor: The dialog box for Featured Content: If your Featured Content block is used as the heading of your page, [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","spc_primary_category":0},"categories":[17,41,34,5],"tags":[],"class_list":["post-3008","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\/3008","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=3008"}],"version-history":[{"count":5,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/3008\/revisions"}],"predecessor-version":[{"id":3177,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/3008\/revisions\/3177"}],"wp:attachment":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/media?parent=3008"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/categories?post=3008"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/tags?post=3008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}