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. Go to the Design Tab, in the Background section, select a theme color to change the background color of your site header. Or upload an image as the background and adjust the overlay, opacity, focal point for the background image.
   

4. In the Typography section, change the site title font by selecting from available font package list:
   

5. 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).

   

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

   Note

   • 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. Go to the Design Tab, in the Typography section, change the navigation links font by selecting from available font package list:
   

4. Select Save to apply your changes.

Add a site footer

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

   Note

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

4⁠. Change the footer Link alignment.

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

6⁠. To add a name for your footer, enter a Display name.

7⁠. Go to Design Tab, select a background color or add an image.

8⁠. In the Typography section, change the footer name and links font by selecting from available font package list:

9⁠. 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, 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.
   

   Note

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

   

   Note

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

Change the logo, title, and description of your SharePoint site

The title is often the first thing your site visitors look at when they visit your site so it's a good idea to choose a title that describes your team or project. Adding a logo can help people quickly see that they're on the right site.

1. On your SharePoint site, click Settings and then click Site Settings.

2. On the Site Settings page, under Look and Feel, click Title, description, and logo.
   

   Note

   If you don't see Title, description, and logo, you may not have permission to manage that option. You need to have at Owner or Design permissions for your site. Organization can also define the design for an entire site collection and has removed your permission to manage these options. For more information, see Understanding permission levels in SharePoint.

3. Enter a new title in the Title field.
   The new title appears on each page of the site.
   

4. Enter a new description in the Description field. The description doesn't appear on the site but does show up on your search results pages.

5. Change the logo:

   • To upload your logo from your computer, click From Computer, click Browse, locate the image and click Open.
   • To add your logo from SharePoint, click From SharePoint, browse to the library where the image is stored, select the image and click Insert. (This assumes you've already uploaded your logo to your team site.)

6. Click OK to save your changes.

If you don't like how the logo appears on your site, just modify the logo and repeat the steps above to overwrite the logo.