Customizing the Welcome Banner

The welcome banner houses your announcement carousel and the search bar, provided it is not enabled in the header.  The changes that you make can be viewed simultaneously while making these changes. 

To customize the welcome banner :

  1. In the Navigation Menu, browse to Publishing >Themes.

  2. On the Themes page, navigate to the Custom Themes section and click the Edit button next to the theme you want to customize. 

  3. In the Themes workspace, navigate to Global > Welcome Banner and click the Expand button.

  4.  From the expanded menu, you can make the following changes:

    1. Pick a banner look: You can select one of the following banner presets: 

      • No Banner: Selecting this option disables the welcome banner.

        The search bar can only be displayed in one location at a time. If it is enabled in the welcome banner, it cannot be displayed in the header. Similarly, if the search option is enabled in the header, presets containing the search bar will be unavailable.

      • Search Only: Selecting this option displays the search bar only in the banner.

      • Announcements Left or Announcements Right : Selecting this option only displays the Announcements carousel in the welcome banner on the left or the right side respectively.

      • Search + Announcements Side: Selecting this option displays the search bar and the announcements carousel side by side. 

      • Search + Announcements Stack: Selecting this option displays the search bar stacked on top of the announcement carousel.

    2. Search Bar Configuration: These settings are available only when a banner preset with search has been selected. You can make the following configurations:

      • Search Label Font Size: You can either type in or click the increment increment and decrement decrement buttons to set the font size for the search label. The maximum value is 72 and the minimum value is 8 px. 

      • Show Topic Dropdown in Search Box: Click the Toggle button to enable the Topic Filter in the search bar.

    3. Announcements Carousel Configuration: These settings are available only when a banner preset with the announcements carousel has been selected. You can make the following configurations:

      • Number of Articles to Display: You can either type in or click the increment increment and decrement decrement buttons to set the number of articles you want to display in the carousel. The maximum value is 20 and the minimum value is 1. 

      • Show Article Description: Click the Toggle button to display the article description instead of the article content in the announcement carousel.

      • Background Style:  To style the background of the carousel, you can choose one of the following options:

        • Solid Color: Provide the background Color (hex code) and the Text Color.
        • Gradient: Provide the Start Color, End Color, and the Text Color.
        • Image: Drag and drop the image, click Browse, or provide the Image URL.

      • Show Topic Dropdown in Search Box: Click the Toggle button to enable the Topic Filter in the search bar.

      welcome banner settings

    4. Display: Make the following selections to style your welcome banner.

      • To style the background of the welcome banner, you can choose one of the following options:

        • Solid Color: Provide the background Color.
        • Gradient: You can either choose the Simple Gradient option and provide the Start Color, and End Color or select the Custom Gradient option and provide the CSS Gradient.
        • Image: Drag and drop the image, click Browse, or provide the Image URL.

      • Text Color: Provide the color of the banner text.

      • Banner As Header Background: Enable this option to apply the display settings to the header.

  5. Click the Save button.