Banner with Links is an excellent choice to make your Department Sites and Team Sites stand out.
Setting up the web part
On the page where you need to show the web part, add a Full-Width section and select the following app to add to the section:
Updating banner content
You can update banner heading, description text, and image in web art properties as shown below:
If you’d like to use the currently logged-in user name anywhere in your text, type in
- {firstname} to show current user’s first name
- {lastname} to the last name
- {fullname} to show the full name
Updating contents of links
To add quick links, simply add Quick Links web part below the banner: Quick Links (new with audience targeting)
Updating banner style
Background color
You can choose the banner to have a solid background or a linear gradient.
To set a solid background, you can enter the background HEX color like this:
If you’d like to use a linear background, you can enter the background color like this:
Here is where you can create a custom gradient in seconds:
https://cssgradient.io/
You can also change the color of the bottom of the banner:
Banner Text Color
You can set any text color based on how it looks best with your background.