In this video, we look at SharePoint Page header design. With Microsoft finally allowing us to remove the default page header, we now have a massive opportunity to create our own styles and experiences 🙌
👨💻 WHAT YOU'LL LEARN:
- How to remove the default SharePoint page header
- How to create your own page header using section backgrounds
- My tips and tricks to use this capability to create seamless header-scapes (that’s now a word I promise!)
🎯 WHY WATCH
This video aims to demonstrate ways to combine the recent UI updates to Sharepoint Online to think outside the box and get creative with our pages. We are in unpredicted territory where we can finally replicate UI design, which is commonplace within external websites, right within our sites. This video explains how I am doing it and walks through some examples. Hopefully you take away a little inspiration 😁
-----------------------
🎓 MY COURSES:
🚀 Intranet Site Builders Master Class here:
https://academy365.podia.com/sharepoint-intranet-site-build-master-class
🚀SharePoint Training & Education Platform Site:
https://academy365.podia.com/training-education-intranet-site
🎉🎉🎉 Use coupon code FLASH30 for 30% off (Limited new site launch celebration!) 😁 Just enter at the checkout!
-----------------------
🎥 VIDEO SECTIONS
0:00 - Introduction
0:38 - What we are building
1:57 - How to remove the default page header
2:53 - How to add a custom section background
3:26 - Page Header formatting tips
5:19 - How to use background gradients to blend sections
7:00 - Create a custom background image in Figma
9:28 - How to set the focal point of a background section image
10:18 - How to create custom section backgrounds in PowerPoint
12:32 - How to change the font colour of a section from black to white
14:03 - Another page example using the same technique