Change the look of your SharePoint site

Change the look of your SharePoint site

You can quickly and easily customize the colors of your SharePoint site by changing the theme to reflect your professional style and brand. The themes available to you depend on the version of SharePoint you're using. To change the theme, you need owner or design permissions on the site.

Use a theme to change the colors of your SharePoint Online site

You can choose one of the default SharePoint Online 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.

Note: Some functionality is introduced gradually to organizations that have opted in to the First Release program. This means that you may not yet see this feature or it may look different than what is described in the help articles.

  1. On your site, click Settings Settings for SPO Migration tool and then click Change the look.

    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.

  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.

    Notes: 

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

    Change the theme of your SharePoint site

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

    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.

    Note: SharePoint administrators can make changes to company-approved themes as described in SharePoint theming.

    Select a new theme for your SharePoint site

    Customize the theme of your SharePoint site

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 Office 365 Settings button 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.

    Example of the designs available for customizing your community site

  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, click Change to upload an image of your own, or drag an image from your computer onto the thumbnail image above the Change command.

    SharePoint change a look background image selection

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

    Edit the look's colors, fonts, and layout

  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.

    Keep changes, or ignorant

To change the Logo, title, and description on a SharePoint Team or Communication site, follow these steps:

  1. Click Settings Settings for SPO Migration tool , and then click Site Information.

    Settings menu with Site information selected

  2. On the Site Information page, do one or more of the following:

    • To update the Logo, click Change and upload an image.

    • To Update the Title, type a new title in the Site name field.

    • To update the description, type a new description into the Site description field.

    SPO_TeamSite_update_logo-title

For more info, see Manage your SharePoint team site settings.

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

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

    Settings menu with Change the look highlighted

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

    Site settings Look and feel section with Change the look highlighted

    Notes: 

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

    • What's your style button from Getting Started tiles

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

    Example of the designs available for customizing your community site

  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.

    Customize the selected theme

    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.

Note: Once you're done, or you change your mind, click the one of the breadcrumb navigation links in the upper left of the screen to get back to where you were.

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 Office 365 Settings button and then click Site Settings.

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

    Site Settings with Title, description, logo selected

    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.

    Title, description, and logo settings page

  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.

Adding apps, pages, or web parts can help change the look of your site.

You can change how data is displayed in a list or library using views. The same data set can support many views.

Get support
Contact us
Expand your Office skills
Explore training

Was this information helpful?

Thank you for your feedback!

Thank you for your feedback! It sounds like it might be helpful to connect you to one of our Office support agents.

×