Adding Custom Styles to Visuals

Custom styles enable the user to apply styling to a particular element. You can customize each Arcadia Instant visual to use CSS classes, included styles, and in-line CSS code.

When applying custom styles in Arcadia Instant, you may use several approaches: setting site-wide custom styles, setting custom styles at the dashboard level, at an app level, setting styles for a filter, or setting styles for a visual, described here.

Custom styles enable the user to isolate the styling to a particular element.

Availability Note. By default, the Custom Styling option is turned off. It can be turned on by a user with administrative privileges; see Enabling Custom Styling.

To get to the options in the Custom Style menu of the visual, follow these steps:

  1. On the right side of Visual Designer, click the Custom Style menu.

    Custom Style menu of Visual Designer
  2. Consider the following options available on the Custom Style menu:

    options for custom styling