{"id":3941,"date":"2025-10-07T08:31:14","date_gmt":"2025-10-07T12:31:14","guid":{"rendered":"https:\/\/www.bates.edu\/wordpress\/?page_id=3941"},"modified":"2025-11-19T15:02:49","modified_gmt":"2025-11-19T20:02:49","slug":"the-2025-office-theme","status":"publish","type":"page","link":"https:\/\/www.bates.edu\/wordpress\/block-editor\/popular-features\/the-2025-office-theme\/","title":{"rendered":"The &#8220;2025 Office Theme,&#8221; Header Sizes, and Page Widths"},"content":{"rendered":"\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Activating the Theme<\/h2>\n\n\n\n<p>First, ensure the theme is activated for the site you are trying to customize. Do this by clicking <strong>&#8220;Customize&#8221;<\/strong> in the tool bar at the top of your page. Next, select <strong>&#8220;Change,&#8221;<\/strong> and ensure <strong>&#8220;Bates Framework, 2025 Update&#8221;<\/strong> is selected. You can also contact <a href=\"mailto:webteam@bates.edu\">webteam@bates.edu<\/a> for help changing your site&#8217;s theme.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"599\" src=\"https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.08.01-PM-900x599.webp\" alt=\"Changing a site's theme.\" class=\"wp-image-4081\" srcset=\"https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.08.01-PM-900x599.webp 900w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.08.01-PM-400x266.webp 400w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.08.01-PM-768x511.webp 768w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.08.01-PM-943x628.jpg 943w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.08.01-PM-1536x1023.webp 1536w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.08.01-PM.webp 1919w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Setting Your Default Settings<\/h2>\n\n\n\n<p>To change your default settings, first visit your site. Simply select <strong>&#8220;Customize&#8221;<\/strong> from your tool bar at the top, then click <strong>&#8220;Template Options&#8221;<\/strong>. Finally, choose your preferred Header Size and Content Width. Don&#8217;t forget to click <strong>&#8220;Publish.&#8221;<\/strong> These will now be your default settings, but you can always change them for any individual page, which we will walk through next.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1332\" style=\"aspect-ratio: 2266 \/ 1332;\" width=\"2266\" autoplay loop muted src=\"https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screen-Recording-2025-10-26-at-4.05.18-PM.mov\" playsinline><\/video><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Using the Theme<\/h2>\n\n\n\n<p>To override the default Header Size and Content Width settings on a specific page, navigate to the bottom of the page you want to customize, and expand<strong> &#8220;Template Settings&#8221;<\/strong> in the righthand options panel. Here you will be able to experiment with different header sizes and content width options for your page.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1310\" style=\"aspect-ratio: 2346 \/ 1310;\" width=\"2346\" autoplay loop muted src=\"https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Untitled.mov\" playsinline><\/video><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Override Default Header Size<\/h2>\n\n\n\n<p>This template option allows you to choose the size of your site&#8217;s header. The<strong> expanded <\/strong>option is good for drawing the readers attention to a specific image. This might be useful for Bates office websites, by example, as they could include a photo of the building they are located in. The <strong>moderate <\/strong>header size might be used for a background or blurred image that serves less importance, but still adds dimension to the site. Finally, the <strong>minimal<\/strong> header option is good for sites where the page contents are the main focus, such as rules and regulations, or guidelines.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Force Expanded<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"545\" src=\"https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-expanded-900x545.webp\" alt=\"Example of the Expanded Header Size\" class=\"wp-image-3995\" srcset=\"https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-expanded-900x545.webp 900w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-expanded-400x242.webp 400w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-expanded-768x465.webp 768w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-expanded-1038x628.jpg 1038w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-expanded-1536x929.webp 1536w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-expanded.webp 1919w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption class=\"wp-element-caption\">Example of the Expanded Header Size<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Force Moderate<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"599\" src=\"https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.01.36-PM-900x599.webp\" alt=\"Example of the Moderate Header Size\" class=\"wp-image-4075\" srcset=\"https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.01.36-PM-900x599.webp 900w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.01.36-PM-400x266.webp 400w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.01.36-PM-768x511.webp 768w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.01.36-PM-943x628.jpg 943w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.01.36-PM-1536x1023.webp 1536w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.01.36-PM.webp 1919w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption class=\"wp-element-caption\">Example of the Moderate Header Size<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Force Minimal<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"545\" src=\"https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-minimal-900x545.webp\" alt=\"Example of the Minimized Header Size\" class=\"wp-image-3996\" srcset=\"https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-minimal-900x545.webp 900w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-minimal-400x242.webp 400w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-minimal-768x465.webp 768w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-minimal-1038x628.jpg 1038w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-minimal-1536x929.webp 1536w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-minimal.webp 1919w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption class=\"wp-element-caption\">Example of the Minimized Header Size<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Override Default Content Width<\/h2>\n\n\n\n<p>This option allows you to change the width of your content. The <strong>force wide<\/strong> option is useful for pages that might include lengthier blocks of text, whereas <strong>force medium<\/strong> is more appropriate for short paragraphs.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Force Medium<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"545\" src=\"https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-medium-900x545.webp\" alt=\"Example of the Medium Page Content Width\" class=\"wp-image-3997\" srcset=\"https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-medium-900x545.webp 900w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-medium-400x242.webp 400w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-medium-768x465.webp 768w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-medium-1038x628.jpg 1038w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-medium-1536x929.webp 1536w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-medium.webp 1919w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption class=\"wp-element-caption\">Example of the Medium Page Content Width<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Force Wide<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"545\" src=\"https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-wide-900x545.webp\" alt=\"Example of the Wide Page Content Width\" class=\"wp-image-3998\" srcset=\"https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-wide-900x545.webp 900w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-wide-400x242.webp 400w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-wide-768x465.webp 768w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-wide-1038x628.jpg 1038w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-wide-1536x929.webp 1536w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/force-wide.webp 1919w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption class=\"wp-element-caption\">Example of the Wide Page Content Width<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Hide the Page Title<\/h2>\n\n\n\n<p>The theme also allows you to choose whether to show or hide your page title. Simply click on the check box titled <strong>&#8220;Hide the page title&#8221;<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"599\" src=\"https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.12.15-PM-900x599.webp\" alt=\"Hiding \/ Revealing the Page Title\" class=\"wp-image-4082\" srcset=\"https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.12.15-PM-900x599.webp 900w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.12.15-PM-400x266.webp 400w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.12.15-PM-768x511.webp 768w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.12.15-PM-943x628.jpg 943w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.12.15-PM-1536x1023.webp 1536w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.12.15-PM.webp 1919w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption class=\"wp-element-caption\">Hiding \/ Revealing the Page Title<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.04.41-PM-900x599.webp\" alt=\"Example of a Page Title\"\/><figcaption class=\"wp-element-caption\">Example of a Page Title<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"599\" src=\"https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.04.21-PM-900x599.webp\" alt=\"Example of a Hidden Page Title\" class=\"wp-image-4078\" srcset=\"https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.04.21-PM-900x599.webp 900w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.04.21-PM-400x266.webp 400w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.04.21-PM-768x511.webp 768w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.04.21-PM-943x628.jpg 943w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.04.21-PM-1536x1023.webp 1536w, https:\/\/www.bates.edu\/wordpress\/files\/2025\/10\/Screenshot-2025-10-26-at-4.04.21-PM.webp 1919w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption class=\"wp-element-caption\">Example of a Hidden Page Title<\/figcaption><\/figure>\n\n\n\n<div style=\"height:159px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Activating the Theme First, ensure the theme is activated for the site&hellip;<\/p>\n","protected":false},"author":1925,"featured_media":0,"parent":4310,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_hide_ai_chatbot":false,"_ai_chatbot_style":"","associated_faculty":[],"_Page_Specific_Css":"","_bates_restrict_mod":false,"_batesModPostContentOverride_prepend":false,"_batesModPostContentOverride_append":false,"_batesModPostContentOverride_append_before_footer":false,"_dimp_site_id":"","_dimp_override_contact":false,"_table_of_contents_display":false,"_table_of_contents_location":"","_table_of_contents_disableSticky":false,"_is_featured":false,"footnotes":"","_bates_seo_meta_description":"","_bates_seo_block_robots":false,"_bates_seo_sharing_image_id":0,"_bates_seo_sharing_image_twitter_id":0,"_bates_seo_share_title":"","_bates_seo_canonical_overwrite":"","_bates_seo_twitter_template":""},"class_list":["post-3941","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/pages\/3941","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/users\/1925"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/comments?post=3941"}],"version-history":[{"count":15,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/pages\/3941\/revisions"}],"predecessor-version":[{"id":4102,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/pages\/3941\/revisions\/4102"}],"up":[{"embeddable":true,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/pages\/4310"}],"wp:attachment":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/media?parent=3941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}