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: Identifying Unknown ...

Agentic AI powers the Splunk AI Assistant within the Splunk Observability Cloud interface to help you quickly ...

See your relevant APM services, dashboards, and alerts in one place with the updated ...

As a Splunk Observability user, you have a lot of data you have to manage, prioritize, and troubleshoot on a ...

Splunk App for Anomaly Detection End of Life Announcement

Q: What is happening to the Splunk App for Anomaly Detection?A: Splunk is officially announcing the ...