Introduction
                                    
                                        Create unique SharePoint sites
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        What you need to know
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Get the most out of this course
                                            
                                                ()
                                            
                                            
                                    
                             
                            
                                1. CSS Basics for Branding SharePoint
                                    
                                        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
                                            
                                                ()
                                            
                                            
                                    
                             
                            
                                2. Modify SharePoint with CSS
                                    
                                        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
                                            
                                                ()
                                            
                                            
                                    
                             
                            
                                3. More CSS Styling: Page Elements
                                    
                                        "New experience" pages
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Style "classic experience" pages
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Styling tables
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Challenge: Modify a classic Web Part page
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Solution: Modify a classic Web Part page
                                            
                                                ()
                                            
                                            
                                    
                             
                            
                                4. Get Fancy: Custom CSS Elements
                                    
                                        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
                                            
                                                ()
                                            
                                            
                                    
                             
                            
                                5. Onboard Branding Tools and Custom Themes
                                    
                                        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
                                            
                                                ()
                                            
                                            
                                    
                             
                            
                                6. Add New Fonts to 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
                                            
                                                ()
                                            
                                            
                                    
                             
                            
                     
                        
                                
                                    Ex_Files_SharePoint_Customizing_Themes_CSS.zip
                                    
                                        (2.7 MB)