Splunk Search

css styles not working for dashboard title.

sanjum01
Explorer

Hi Folks,
so I have below code but for some reason my css code not rendering, what am I missing?

<dashboard>
<label>Processing_Step_Clone_2</label>
<row>
<panel id="PStitle">
<title>Processing Steps for Source$form.Source$ - $form.earliest_date$ - $form.time$</title>
<html>
<style>
.dashboard-row #PStitle .dashboard-panel panel-title {
font-size: 40px !important;
color: #7FFF00;
}
</style>
</html>

Tags (1)
0 Karma
1 Solution

kamlesh_vaghela
SplunkTrust
SplunkTrust

@sanjum01 

Can you please try this?

<dashboard>
<label>header title</label>
<row>
<panel id="PStitle">
<title>Processing Steps for Source$form.Source$ - $form.earliest_date$ - $form.time$</title>
<html>
<style>
#PStitle .panel-title {
font-size: 40px !important;
color: #7FFF00;
}
</style>
</html>
</panel>
</row>
</dashboard>

 

Screenshot 2021-11-05 at 10.50.42 AM.png

 

Thanks
KV
▄︻̷̿┻̿═━一   😉

If any of my reply helps you to solve the problem Or gain knowledge, an upvote would be appreciated. 

View solution in original post

kamlesh_vaghela
SplunkTrust
SplunkTrust

@sanjum01 

Can you please try this?

<dashboard>
<label>header title</label>
<row>
<panel id="PStitle">
<title>Processing Steps for Source$form.Source$ - $form.earliest_date$ - $form.time$</title>
<html>
<style>
#PStitle .panel-title {
font-size: 40px !important;
color: #7FFF00;
}
</style>
</html>
</panel>
</row>
</dashboard>

 

Screenshot 2021-11-05 at 10.50.42 AM.png

 

Thanks
KV
▄︻̷̿┻̿═━一   😉

If any of my reply helps you to solve the problem Or gain knowledge, an upvote would be appreciated. 

Get Updates on the Splunk Community!

Index This | What is broken 80% of the time by February?

December 2025 Edition   Hayyy Splunk Education Enthusiasts and the Eternally Curious!    We’re back with this ...

Unlock Faster Time-to-Value on Edge and Ingest Processor with New SPL2 Pipeline ...

Hello Splunk Community,   We're thrilled to share an exciting update that will help you manage your data more ...

Splunk MCP & Agentic AI: Machine Data Without Limits

Discover how the Splunk Model Context Protocol (MCP) Server can revolutionize the way your organization uses ...