Introduction
Create unique SharePoint sites
()
What you need to know
()
Get the most out of this course
()
1. CSS Basics for Branding SharePoint
Challenge: Update the stylesheet
()
Solution: Update the stylesheet
()
The Microsoft recommended branding hierarchy
()
Why use CSS?
()
Create and upload a blank CSS stylesheet
()
Link the stylesheet to your site
()
Edit the stylesheet
()
2. Modify SharePoint with CSS
Challenge: Modify the navigation font and background colors
()
Solution: Modify the navigation font and background colors
()
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
()
3. More CSS Styling: Page Elements
Challenge: Modify a classic Web Part page
()
Solution: Modify a classic Web Part page
()
"New experience" pages
()
Style "classic experience" pages
()
Styling tables
()
4. Get Fancy: Custom CSS Elements
Challenge: Create a new CSS element
()
Solution: Create a new CSS element
()
Custom CSS elements: Initial considerations
()
Define new elements in your stylesheet
()
Allow for variable states
()
How to use your custom CSS elements
()
5. Onboard Branding Tools and Custom Themes
Challenge: Create, modify, and load a theme
()
Solution: Create, modify, and load a theme
()
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
()
6. Add New Fonts to a Theme
Challenge: Add a font to your new theme
()
Solution: Add a font to your new theme
()
Best practices: Why do you need new fonts?
()
Sources for fonts
()
Load fonts to your site
()
Call font sets in your theme
()
Ex_Files_SharePoint_Customizing_Themes_CSS.zip
(2.7 MB)