Solved: Re: css styles not working for dashboard title.

sanjum01 · ‎11-04-2021

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>

kamlesh_vaghela · ‎11-04-2021

@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>

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 · ‎11-04-2021

@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>

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

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

css styles not working for dashboard title.

Accelerating Observability as Code with the Splunk AI Assistant

Integrating Splunk Search API and Quarto to Create Reproducible Investigation ...

Congratulations to the 2025-2026 SplunkTrust!

Join the Conversation

css styles not working for dashboard title.

Accelerating Observability as Code with the Splunk AI Assistant

Integrating Splunk Search API and Quarto to Create Reproducible Investigation ...

Congratulations to the 2025-2026 SplunkTrust!