Change the look of your SharePoint site

Use a theme to change the colors of your SharePoint site

You can choose one of the default SharePoint themes and customize it as needed, choose a company theme with approved branding for your company, or use one of the classic experience designs. To create and upload a company theme, see SharePoint site theming.

1. On your site, click Settings and then click Change the look > Theme.

   : If you don’t see Change the look on the Settings menu, you may not have permission to manage this option. For more information, see Understanding permission levels in SharePoint or ask your administrator.

2. Select the look you want. You'll see a preview of what your site looks like with the selected theme applied. Click Save to apply it to your site or, if you don't like what you see and want to revert back to what you had in the beginning, click Cancel instead.

   : 

   • Your administrator may have set site theming to show only a list of company-approved themes. If so, you won't see any of the default SharePoint themes.

   • If you're updating the theme on a subsite or your administrator has sites set to the classic experience, follow the instructions in the Classic experience designs section .

   

3. To customize the colors of one of the default SharePoint themes, select the theme and then click Customize.

4. Choose the main color and accent color you want, and then click Save to apply it to your site. The list of main colors and accent colors varies depending on the default SharePoint theme you choose to customize.

   : Currently, you can't change the background color for your site using this setting. SharePoint administrators can make changes to company-approved themes as described in SharePoint theming.

   

   

Customize your site header

1. On your site, click Settings and then click Change the look > Header.

   : 

   • If you don’t see Change the look on the Settings menu, you may not have permission to manage this option. For more information, see Understanding permission levels in SharePoint or ask your administrator.

   • The minimal and extended header layouts will be temporarily removed from the Change the look panel for GCC, GCC High, DoD, Gallatin, and Sovereign clouds customers. Sites using the minimal header will automatically transition to the compact header and sites using the extended header layout will automatically transition to the standard header.

   

2. Choose a layout: (Compact layout is the default for all Modern sites):

   1. Minimal layout: Reduced height with all content in a single line including small site logo, site title, site navigation, and site actions and labels.

      

   2. Compact layout: A larger height layout that uses the full size site logo while keeping content on a single line.

      

   3. Standard layout: A layout with the full size site logo and content split onto 2 lines.

      

   4. Extended layout: Our largest layout with content split into 2 content areas with site logo, site title, and an optional background image separate from the other contents below.

      

      : If you are using the Extended Header on a Hub site designated as Home, the site navigation will be replaced with the Hub navigation bar.

3. In the Background section, select a theme color to change the background color of your site header. Select Extended to determine the focal point for the background image.

   

4. In the Display section, do the following:

   1. Select the Toggle to set the visibility of your site title;

   2. Select Change to add a site logo thumbnail (must be a square logo for default use in experiences that require a square aspect ratio);

   3. Select Change to add a site logo. If using Extended layout, select Site logo alignment.

   : To ensure that your icon renders properly, please pick one that fits within the range of 64 x 64 pixels to 192 x 64 pixels (width x height).

   

5. When you're done, click Save.

Change your navigation style

1. On your site, click Settings and then click Change the look > Navigation.

   : If you don’t see Change the look on the Settings menu, you may not have permission to manage this option. For more information, see Understanding permission levels in SharePoint or ask your administrator.

2. Select one of the following options:

   Megamenu

   

   Cascading

   

   : 

   • Megamenu is not supported on sites with the classic publishing feature(s) turned on.

   • To change your navigation links, see Customize the navigation on your SharePoint site.

   • Links added to the 3rd level when using the megamenu style will display as a single vertical list only.

3. Click Apply to save your changes.

Add a site footer

1. On your site, click Settings and then click Change the look > Footer. 

   : 

   • If you don’t see Change the look on the Settings menu, you may not have permission to manage this option. For more information, see Understanding permission levels in SharePoint or ask your administrator.

   • The site footer feature is only available on communication site pages. They are not available for list pages, library pages, or other pages on your site.

   

2. Toggle the Footer visibility switch to On to add a footer to your site.

3. Choose a layout:

   1. Simple layout: Display one level of links and labels, up to eight columns wide.

      

   2. Extended layout: Display two level of links and labels, up to eight columns wide.

      

3. Select Upload to add your logo image to the footer. The image is automatically resized.

4. To add a name for your footer, enter a Display name.

5. Select a background color.

6. Select Save to save your changes.

Edit footer labels and links

After you've added a footer to your site you can add a links or labels to the footer. Select Edit in the footer on the left hand side of the menu labels and links.

For details about adding or editing links and labels, see Customize the navigation on your SharePoint site. You can add one level of up to eight links or labels.

Change the color, background, or font with classic experience themes

If your administrator has sites set to the classic experience, or you're changing the theme of a subsite, follow these steps to change the color, background, and font of your SharePoint site:

1. On your site, click Settings and then click Change the look.

2. Click View classic settings or Classic change the look options. If you're already in the classic experience, skip this step.

   

3. Choose a look from among the choices. Don’t worry if you don’t like the color or the image exactly, you can change that in the next step.

4. To add or change the background image, choose Change to upload an image of your own, or drag an image from your computer onto the thumbnail image above the Change command.

   

5. To change the color scheme, click the arrow next to Colors and select another color scheme.

   

6. To change the layout, click the arrow next to Site layout and select another layout, which controls the position of the navigation links, search box, and so on.

7. To change the fonts, click the arrow next to Fonts and select another font.

   : You can change the font type style, but you can't change the size.

8. When you’re ready to see a full-sized preview of how your changes look when applied to your site content, click Try it out. The changes are not yet visible to other site users.

   : If you don't like what you see and want to revert back to what you had in the beginning, click Start over or you can click your site logo to exit Change the look and go back to the home page of your site.

9. If you like what you see in the preview, click Yes, keep it. If not, click No, not quite there and try something else.