Deployment Architecture

How to change the font size and color for Label in a dashboard/form

rookie99
New Member

Hello everyone,

I have tried looking a lot for the right solution for this but I am not able to understand it right. I am very new to splunk and I am looking at trying to edit the font size and color for my initial label(at the very top) of my dashboard. I was able to change the font size and color for the individual panels I built, however I have had no luck with the editing the label.
I have pasted the code below to give a better understand of what I am working with.

 

<form theme="dark">
<label>Trial Dashboard</label>     --->(i am trying to format the font size and color here)
<description>Select the time limit</description>
<fieldset submitButton="false" autoRun="true">
<input type="time" token="time_tok" searchWhenChanged="true">
<label>Time</label>
<default>
<earliest>-30d@h</earliest>
<latest>now</latest>
</default>
</input>
</fieldset>
<row>
<panel id="trial1">
<title>Sample Pannel</title>
<single>
<search>
<query>sample_query_in_here</query>
<earliest>$time_tok.earliest$</earliest>
<latest>$time_tok.latest$</latest>
<sampleRatio>1</sampleRatio>
<refresh>300s</refresh>
<refreshType>delay</refreshType>
</search>
<option name="drilldown">none</option>
<option name="height">249</option>
<option name="rangeColors">["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]</option>
<option name="refresh.display">progressbar</option>
<option name="useColors">1</option>
</single>
<html>
<style>
#trial1 .dashboard-panel h2
{
font-size: 28px !important;
color:#9000ff !important;
font-weight: bold !important;
}
</style>
</html>
</panel>
</row>
</form>

 

2nd line from top "Trial Dashboard" is the label that I am trying to change. I hope to find a solution similar to the way I added the formats to the panels as it was easy to have it all under the same xml source code.

Thank you in advance,
Rookie99

Labels (1)
0 Karma

ITWhisperer
SplunkTrust
SplunkTrust
          h1.dashboard-header-title {
            font-size: 30px !important;
          }
Get Updates on the Splunk Community!

Splunk Observability Cloud’s AI Assistant in Action Series: Analyzing and ...

This is the second post in our Splunk Observability Cloud’s AI Assistant in Action series, in which we look at ...

Elevate Your Organization with Splunk’s Next Platform Evolution

 Thursday, July 10, 2025  |  11AM PDT / 2PM EDT Whether you're managing complex deployments or looking to ...

Splunk Answers Content Calendar, June Edition

Get ready for this week’s post dedicated to Splunk Dashboards! We're celebrating the power of community by ...