The first step to using CSS is to create a style sheet. Learn how to create a new CSS file and where to store it in SharePoint for later use.
- [Narrator] Let's start preparing to modify our site.…Our first step is going to be creating…a new blank style sheet and loading it up…to our SharePoint site.…Now you can use any text editor application to create…the style sheet.…I'm going to use Windows Notepad…because I'm basically a PC guy.…Now since you can't load an empty file to SharePoint,…I'm going to put in some placeholder text here.…This is a comment code for CSS,…so it won't have any effect on our styles.…Stroke, asterisk, CSS,…and close it off with an asterisk and a stroke.…
Perfect.…Now, I'll save this as a CSS file, so we click file,…save as, and we need to change this text documents.…We need to change that to all files,…very, very important.…We will call this…modifiedstyle.css.…That .css is also very, very important.…I'm going to save it to my desktop so I can…easily get it later.…Just click save, and there we go.…
Now let's go back to SharePoint.…Now that we're back in SharePoint,…my recommendation is that you save…that CSS file into the site assets.…
- 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
Skill Level Intermediate
SharePoint Online 2017: Beyond the Basicswith Gini von Courter3h 32m Intermediate
1. The Branding Hierarchy
2. Creating a Custom Theme: Colors
3. Adding New Fonts
4. CSS Basics for Branding SharePoint
5. Modify SharePoint with CSS
6. More Styling: Page Elements
7. Getting Fancy: Custom CSS Elements
Next steps1m 31s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.