Change the look of your SharePoint site

Find the Change the look link

Select Settings  in the top-right of your SharePoint site, then select Change the look. 

Use a theme to change the colors of your SharePoint site

Select Change the look > Theme.

Select the look you want. You'll see a preview of what your site looks like with the selected theme applied. Choose a company theme with approved branding for your company, or use one of the classic experience designs.  You can choose one of the default SharePoint themes and customize it as needed.  The list of main colors and accent colors varies depending on the default SharePoint theme you choose to customize. To customize the colors of one of the default SharePoint themes: Select the theme and then select Customize. Choose the main color and accent color you want, and then select 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, select Cancel instead.

Customize your site header

1. Select Change the look > Header.

   Note: 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.

      

      Note: 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 upload an image as the background and adjust 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.

   Note: 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, select Save.

Change your navigation style

1. Select Change the look > Navigation.

2. Under Orientation, select Horizontal or Vertical. If you select Horizontal, you can then select one of the following options:

   Megamenu

   

   Cascading

   

   Notes: 

   • 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 display as a single vertical list only.

3. Select Save to apply your changes.

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, select Settings and then select Change the look.Or, depending on your SharePoint version, you might:

   • Select Site settings, then under Look and Feel, select Change the look, or

   • Select Site information > View all site settings. Then under Look and Feel, select 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 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, click 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.

   Note: 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.

   Note: 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.

   

Use a theme to change the color, background, or fonts of your SharePoint site

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

   

   You can also click Settings , click Site settings and then under the Look and Feel heading, click Change the look.

   

   Notes: 

   • If the Get started with your site tiles are on your home page, you can click the What's your style? tile.

   • 

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

2. Choose another 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.

   

3. Now, you can get creative:

   • To add or change the background image, click Change and upload an image of your own, or drag an image from your computer onto the thumbnail image above the Change command.

     Note: If drag and drop is not working, install the latest version of your browser software or at least Microsoft Office 2013.

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

   • 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.

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

   

   Notes: 

   • You can instantly see what changes look like in the preview area. To revert back to what you had in the beginning, click Start over. You can also click your site logo to exit Change the look and go back to the home page of your site.

   • Since SharePoint installations may have different versions, or can be customized any number of ways, the designer of your site might have provided a different way to exit. Ask your administrator if you don't see one.

4. 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 so far, click Start over.

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