Learn how to use built-in SharePoint Online functionality and custom CSS to control the look and feel of your SharePoint sites. Discover how to change colors, fonts, navigation, table layouts, and even page elements on your site.
- [Phil] SharePoint Online is a powerful tool and it looks a lot nicer out of box without any modifications than older versions did. It also has some very helpful built-in functionality to change look and feel. But, there may be times when you'll want to go just a little farther. What are the best ways of doing that? What pitfalls do you need to avoid? Hi, I'm Phil Gold. I'm a longtime training and communications professional who's experienced SharePoint from both sides, as a user and as an instructor.
I was actually the global SharePoint trainer for a Fortune 500 company for years, so I've got firsthand knowledge of some of the dos and don'ts in SharePoint Online. In this course I'm going to walk you through Microsoft's recommended approach to branding your site. We'll start with their onboard tools to change site titles and logos, then move to assigning what they call themes to your site to give it a sharp, professional look. We'll also talk about things like creating new themes by adding new fonts, adding or altering color palettes, and some other slick tricks that you already have but may not know about.
We'll then get into tricky stuff like using CSS to make site-wide changes to your SharePoint site. Using CSS can give you fine control over your site's look and feel, and grant you the freedom to create a very customized experience for your users when needed. But, since I'm a pretty opinionated guy, I'll also include my take on when it's appropriate to stick with the built-in SharePoint functionality, when you might want to use custom CSS, and when you might want to just back away.
By the end of the course, you'll have a deeper understanding of the built-in SharePoint functionality and some methods for using CSS. And, you'll know some of the things to consider when you're making decisions about how to proceed. Are you ready? Okay, cool, let's get started.
- Changing your site's logo, title, and theme
- Creating new palettes and themes
- Loading fonts to your site
- Calling font sets in your theme
- CSS basics for branding SharePoint
- Creating and uploading a blank CSS style sheet
- Modifying site navigation, fonts, and backgrounds
- Styling tables
- Defining new elements in your CSS file
- Creating new CSS elements directly into the style sheet