Dashboards & Visualizations

how to change the color code and font size for single value and it's labels in Splunk6

cyue_splunk
Splunk Employee
Splunk Employee

I saw some post before to customize the color/font size for single value (range map), but it seems it doesn't work well in Splunk6. It seems there is a file called single-value.css controls the color code/font size of the single values and the labels, some codes like:

.single-value .under-label{text-transform:uppercase;color:#999999;font-size:11px;}
.single-value .severe,.single-value.severe .single-result{color:#d85d3c;}

but when I tried to defined my own color code and font size in a customized css stylesheet or in application.css, it didn't take effect and cannot override the default settings. Any idea how to achieve that? For example, I want to change the under label color to #000000 and change the color for severe range to #ff0000.

1 Solution

chanst2
Path Finder

You can create a dashboard.css under etc/apps//appserver/static
put the following codes in dashboard.css which will create a new range highCustom

.single-value.highCustom{
   color: #FFFFFF;

}

Then you can use rangemap in a search and define a range for highCustom, then if the value falls into this highCustom range, the color of the value will become white.

View solution in original post

chanst2
Path Finder

You can create a dashboard.css under etc/apps//appserver/static
put the following codes in dashboard.css which will create a new range highCustom

.single-value.highCustom{
   color: #FFFFFF;

}

Then you can use rangemap in a search and define a range for highCustom, then if the value falls into this highCustom range, the color of the value will become white.

Get Updates on the Splunk Community!

Splunk Custom Visualizations App End of Life

The Splunk Custom Visualizations apps End of Life for SimpleXML will reach end of support on Dec 21, 2024, ...

Introducing Splunk Enterprise 9.2

WATCH HERE! Watch this Tech Talk to learn about the latest features and enhancements shipped in the new Splunk ...

Adoption of RUM and APM at Splunk

    Unleash the power of Splunk Observability   Watch Now In this can't miss Tech Talk! The Splunk Growth ...