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!

Fueling your curiosity with new Splunk ILT and eLearning courses

At Splunk Education, we’re driven by curiosity—both ours and yours! That’s why we’re committed to delivering ...

Splunk AI Assistant for SPL 1.1.0 | Now Personalized to Your Environment for Greater ...

Splunk AI Assistant for SPL has transformed how users interact with Splunk, making it easier than ever to ...

Unleash Unified Security and Observability with Splunk Cloud Platform

     Now Available on Microsoft AzureOn Demand Now Step boldly into the AI revolution with enhanced security ...