Banner with Links (Department site banner)

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:
image

Updating banner content

You can update banner heading, description text, and image in web art properties as shown below:
image

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:
image

If you’d like to use a linear background, you can enter the background color like this:
image

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:
image

Banner Text Color
You can set any text color based on how it looks best with your background.
image

1 Like