Configuring custom style using CSS code

In Cloudera Data Visualization, you can customize the appearance of application filters by applying custom CSS. This allows you to enhance the visual styling of filters to match your dashboard design preferences.

Open an existing or new application in Edit mode that has an application filter.
Hover over the filter and click .
The Settings modal window appears.
In the Settings modal window, navigate to the Custom Styling tab.
Set CSS class for visual to list-larger-font.

Enter the following code in the Enter inline CSS rules here to text box:

.list-larger-font .picklist-list li {
                        font-size:14px;
                        padding:3px;
                        border-bottom:dotted 1px #ddd;
                        }

Click APPLY.
Click SAVE to save the application.