Overview
-
Use built-in SharePoint Online 2019 functionality and custom CSS to control the look and feel of your SharePoint sites. Discover how to change colors, fonts, and page elements.
Syllabus
-
Introduction
- Create unique SharePoint sites
- What you need to know
- Get the most out of this course
- The Microsoft recommended branding hierarchy
- Why use CSS?
- Create and upload a blank CSS stylesheet
- Link the stylesheet to your site
- Edit the stylesheet
- Challenge: Update the stylesheet
- Solution: Update the stylesheet
- Browser developer tools
- Knowing what CSS elements to change
- Modify site navigation fonts and backgrounds
- Modify site navigation widths and drop-down menus
- Modify site navigation placement
- Challenge: Modify the navigation font and background colors
- Solution: Modify the navigation font and background colors
- "New experience" pages
- Style "classic experience" pages
- Styling tables
- Challenge: Modify a classic Web Part page
- Solution: Modify a classic Web Part page
- Custom CSS elements: Initial considerations
- Define new elements in your stylesheet
- Allow for variable states
- How to use your custom CSS elements
- Challenge: Create a new CSS element
- Solution: Create a new CSS element
- Change site logo and title
- Change site colors and theme
- Is adding a custom palette necessary?
- Create and modify a color palette
- Create a new theme with your palette
- Challenge: Create, modify, and load a theme
- Solution: Create, modify, and load a theme
- Best practices: Why do you need new fonts?
- Sources for fonts
- Load fonts to your site
- Call font sets in your theme
- Challenge: Add a font to your new theme
- Solution: Add a font to your new theme
- Next steps
