This article is part of a 3-part series describing the out-of-the-box customisation capabilities for the Office 365 public website.

  1. Part 1 – Site, Page
  2. Part 2 – Header (this article)
  3. Part 3 – Navigation, Zone, Advanced

This second part deals with the Header group containing the three items Style, Text, and Theme.


The Style item allows you to select a style layout for the header of your site. The style defines specific colors for the color scheme, if one or more images should be used, and their position:

As just said, a style defines a few colors, for example Primary color and Secondary color. Different styles define different colors, and possibly also more than these two. As we’ve seen in Part 1, you can define your own custom Color scheme. However, if you define the colors first, and then change the header Style, the style overwrites your custom colors for the header! Therefore, first select a style, then change the colors.

The Text item allows you to change the text that appears in the header, as well as choose an image that can be put above or to the left of the text (this image is optional).
The following screenshot shows the customisation dialog:
As you can see, it’s a fairly straightforward dialog, allowing you to choose a title as well as a site slogan (which will appear underneath the title).

Clicking on Logo, you can choose an existing image or upload a new one, and you can define whether the image should appear on top of your site title or next to it (left), as well as the size of the image (either choose one of two predefined height options, where the width will be resized appropriately, or choose to display the image in its full size):

Here is an example how the site title, the site slogan, and an image may look like on your site:

The third and last item in the Header category allows you to select a theme, consisting of 1 or 2 images (depending on the style that you selected before). There are multiple categories to choose from, you can upload your own image, or also choose to display no image at all.

Let’s look at what kind of effect choosing a theme has on your site. Here, we’re choosing a theme from the Legal Services category:

If I change it to one from Real Estate, the images change (as expected):

And what if we choose to use the Legal Services theme, but with a different style (one that shows only one image)? We would get something like this:

As you can see, there are some customisation possibilities when it comes to the header of the site, however you are still restricted to being able to change a few predefined items only.
Talking about the header, what if we want to display a navigation bar up there? Is this possible? This will be covered in the third article of this series.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.