How to Customize SharePoint Online Team Site

In this SharePoint Online tutorial, we will learn how to customize SharePoint Online Team Site. And also, we will discuss below topics such as:

• Change the look of the SharePoint Online Team Site
• Various ways to change the look of the SharePoint Online Team Site
• Change the navigation, add a site footer, edit pages, and add web parts
• What are the benefits of using Customization in SharePoint Online Team Site
• Supported customizations on SharePoint Online Team site
• Unsupported customizations on SharePoint Online Team site

Also, Read: SharePoint Online List Column Sorting [With Various Data Types]

Customize a SharePoint Online Team Site

• Without deploying any type of code we can customize SharePoint Online Team Site to look attractive.
• Also, it helps to create a convenient UI to encourage users to use SharePoint. While working with the SharePoint Team site, we might need to customize our Team site to reflect our professional style and brand.
• By using SharePoint customization, branding has become very easy for any type of SharePoint site. And this is possible with the use of custom page layouts, master pages, and style sheets.

Here, see the image of the SharePoint Online Team site as shown below:

NOTE:

A Site administrator or Site owner of a SharePoint Team site can customize the site without any permissions. But for a site member, it needs permission access from the site owner or administrator to customize the site.

SharePoint Online Team Site Customization

Here, we will see some of the customizations in the SharePoint Online Team site. Such as:

Change the look of the SharePoint Online Team Site

There are two ways to get this Change the look option in the SharePoint Online list. Such as :

1. Change the look from the SharePoint Site settings
2. Change the look from the SharePoint Site information

Change the look from the SharePoint Site settings

• Open SharePoint Team site Home page -> Click on the Settings or Gear icon (right top of the page) -> Select Change the Look under the SharePoint section as shown below:

• When we click on the Change the Look option, the below window will appear where we can see 3 choices:
  • Theme
  • Header
  • Navigation

Theme

• Under the Theme, you can see three various options:
  • Site theme
  • Company themes
  • SharePoint themes

Here, we will use different themes as per our requirements.

Header

• Similarly, under the Header section, you can see three options:
  • Layout: We can change the layout with different options like Minimal, Compact, Standard, and Extended.
  • Background: We can change the Background theme as per our requirement as shown below:

• Under the Header section, we can find another subsection Display to change the Site logo, Site title visibility(on/off), and Site logo thumbnail like below:

Navigation

• Likewise, we can find two options under Navigation such as:
  • Site navigation visibility (on/off)
  • Orientation (horizontal or vertical).

This is how to change the look from the site settings.

Check out: SharePoint Online List Number Without Comma

Change the look from the SharePoint Site information

Similarly, you can change the look from the SharePoint Site information. For this, the following steps are:

• Open SharePoint Team site Home page -> Click on Settings or the Gear icon -> Select Site information like below:

• Click on the Site information, where you can find View all site settings under the site information pane.

• On the Site settings page, we can find three options under the Look and Feel section:
  • Quick launch
  • Navigation Elements
  • Change the look

Quick launch

Inside the settings -> Click on Quick Launch, the below window will appear where we can see three options:

• New navigation link
• New heading
• Change order

New Navigation Link

If you want to create a New navigation link on the Sharepoint Team site, then follow the steps below:

• Click on the New navigation link -> Provide the link or web address inside the Type the Web address field (https://Youtube).
• Select the Ok button. Now the New navigation link will appear on the Home page like below:

New Heading

Similarly, If you want to create a New Heading on the Sharepoint Team site, then follow the steps below:

• Click on the New Heading link -> Provide the link or web address inside the Type the Web address field (https://Teams).
• Select the Ok button. Now the New Heading link will appear on the Home page like below:

Change Order

Likewise, click on the Change order where you can change the order to the quick launch -> Select the Ok button it will appear as shown below:

Navigation Elements

• Here, click on the Navigation Elements, and you will get two options such as:
  • Enable Quick Launch
  • Enable Tree View
• Now, select Enabled Quick Launch -> Click on the Ok button it will appear as shown below:

• Similarly, we can select Enable Tree view -> Click on the Ok button it will appear as shown below:

Change the look

• Click on Change the Look, you can find various types of Inbuilt themes as shown below:

• Select the inbuilt theme as per our requirement -> Click on Trait it Out to make a new theme for the SharePoint Team site.

• Here, you can see new theme will appear in the SharePoint Online Team site as shown below:

This is how to change the Look and Feel of the site information.

Read: SharePoint Online Team Site Vs Microsoft Teams

Edit the Navigation

• Open the SharePoint Team site Home page -> Click on the Edit option under the site navigation like Below:

• Here, click on the + icon to add or remove links on the SharePoint Online site navigation.

This is how to edit the Navigation in SharePoint Online Site.

Add a site footer

Note: We can add a site footer and edit footer navigation links to the Communication site only. It is not available on the SharePoint Team site as shown below:

This is how to add a site footer in the SharePoint Communication site.

Add and edit pages

• Open the SharePoint Team site -> Click on the +New drop-down option -> Select the page as shown below:

• Here, you can select Inbuilt page templates like blank, visible, and basic text then -> Select Create a page as shown below:

• For example, we can use the Blank template -> Click on Add a title -> Select the Edit section to change layouts and change background shading like below:

This is how to add and edit pages on the SharePoint Team site.

Add web parts

• We can use web parts to add robust content to the SharePoint Online Team site.
• Open the SharePoint Team site page where you can add web parts -> Select +symbol and see the web parts like below:

This is how to add web parts to the SharePoint site page.

Also, check: SharePoint Online list vs document library

Benefits of using Customization in SharePoint Online Team Site

Here, we will discuss the key benefits of the SharePoint Online Team site such as:

• SharePoint Online Team site integrated with Microsoft 365 groups.
• SharePoint Team site contains Native news, Quick links, and Activity capabilities.
• We can create sites very fastly compared to the Classic Team site.
• We can use modern sites and libraries with the support of power apps and Microsoft Flows.
• It contains modern page editing capabilities.
• It Includes an updated site contents page with additional insights on site usage.

Supported customization on SharePoint Online Team site

In SharePoint Online Team site have a different level of customization options compared to the Classic experience. Mainly focusing on the extensibility and branding of the SharePoint site. Follow the below-supported capabilities of the SharePoint team site such as:

• We can apply a custom theme or change the logo of the SharePoint Online Team site.
• On the SharePoint Team site, we can apply Out-of-the-box themes.
• We can create custom site columns (fields) and content types.
• Create modern sites and libraries in the SharePoint Team site.
• We can also configure SharePoint Team site settings, such as regional settings, languages, and auditing settings.

Unsupported customization on SharePoint Online Team site

Similarly, here we can see what customizations are not available in the SharePoint Online Team site such as:

• Changing modern sites to use classic site layouts (Seattle or Oslo).
• When we are using alternative options then only custom master pages and extensive branding will be supported on the Team site.
• In the future with the support of canvases, we can create custom page layouts on the SharePoint Team site.
• Ability to control available subsite template options.
• Saving the site as a template. Also not supported for sub-sites in site collections.

Additionally, you may like some more SharePoint Online tutorials:

• Add Discussion Board to SharePoint Online
• How to Add Comments to SharePoint Online List Item?
• SharePoint Online List View [Complete tutorial]
• Create Calendar Events from a SharePoint Online list

Conclusion

In this SharePoint Online tutorial, we have learned how to customize the SharePoint Online Team site. Also, we have covered below topics such as:

• Change the look from the SharePoint Site settings.
• Change the look from the SharePoint Site information.
• Change the navigation, add a site footer, edit pages, and add web parts.
• Benefits of SharePoint the Online Team Site.
• Supported customizations on the SharePoint Online Team site.
• Not-supported customizations on the SharePoint Online Team site.