Announcement Styles

Customize the text, colors, and size of In-App Announcements on the Announcement Global Styles page. You can edit the look and feel of any announcements except NPS Surveys and WalkThroughs (you can edit WalkThroughs from the WalkThrough Styles menu)

Note: Users that want to manage Announcement Styles need to have the Announcements - Styling permission enabled within their User Permission Group.

To access the Announcement Global Styles page, click In-App Tools > Announcement Styles from the Navigation Panel on the left.

Reset Defaults - The image above shows all of the default values for each setting. You can click the master Reset Defaults button to reset all -- or you can click an individual blue arrow icon to reset a single setting to its Default.

Font Size - Choose from an array of pre-set options between 8 and 96

Font Family - choose from 16 different font families

Text Alignment - Left, Center or Right

Pop Up Width (px) - Change the width of a Pop-Up type In-App message. Choose one of the presets (Small, Medium, Large) or set your own value. The height of the Pop-Up will dynamically change based on the amount of content in the Announcement. Note that the preview to the right does not reflect these sizes

Slider Width (px) - Change the width of a Slider type In-App message. Choose one of the presets (Small, Medium, Large) or set your own value. The height of the Slider will dynamically change based on the amount of content in the Announcement. Note that the preview to the right does not reflect these sizes

Background, Text, and Border Color - You can choose a preset, use the color map tool, or enter a Hex value to get an exact color to match your branding

Border Width - Set the width of the outside border of the message box. Choose a value from 0 to 30 pixels

Border Radius - This allows you to control how much of a rounded edge you want on your message box. Choose a pixel value from 0 (sharp edge) to 30 (well-rounded)

Close Color - The color of the 'X' at the top-right of the message box which is clicked to close the message

Close Hover Color - If you want the 'X' to change color when a user hovers the mouse cursor, you can set this. By default, there is no Hover effect (the 'X' remains the color chosen in the Close Color setting)