In this optional challenge, take an opportunity to create a custom CSS element and apply it on a page.
(electronic tone)…- [Instructor] So are you ready for the last…of the optional challenges?…Well, here is what I'd like you to do.…First, I want you to create a new element…in your style sheet.…Now, even though you won't be able to call the style sheet…in your page's code, I think it's a best practice…to keep your CSS in one place for reference purposes.…Now you can make this either an ID or a Class,…and you can call it whatever you want.…But I want you to make the color purple,…the font size 32 points, and the font weight bold.…
If you get stumped, you can check out the…modified_style_ 0705 CSS in the course files.…Next, I want you to go to a web-part page,…and embed the CSS.…If you don't remember how, go back and watch the video…on doing that.…Then finally, I want you to add some text,…and use the edit source feature to change the P,…the paragraph tag, to a div tag, and call…either your class or your ID.…
We'll check your work in the next video.…
- 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 Beginner
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?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.