All Apps and Add-ons

In Splunk 6.1.X How Do I Change The Font Size of a single-value in CSS and Simple XML

davecroto
Splunk Employee
Splunk Employee

Every time I try and create a new .CSS file called foobar.css and place it in $SPLUNKHOME/etc/apps/my new app/appserver/static

Here is the only thing I have in foobar.css:

.single-value .single-result {
font-size: 15px;
font-weight: bold;
word-wrap: break-word;

And then:

Here is my XML....Notice the foobar.css referenced as the stylesheet

<dashboard stylesheet="foobar.css">
  <label>test</label>
  <row>
    <panel>
      <single>
        <searchString>index=_internal |head 2 |stats dc(sourcetype)</searchString>
        <earliestTime/>
        <latestTime/>
        <option name="drilldown">none</option>
      </single>
    </panel>
  </row>
</dashboard>

When I go to firebug it is crossed out and I am back to the default 24px size not 15px

0 Karma
1 Solution

davecroto
Splunk Employee
Splunk Employee

Added !important, like below. Be careful, make sure the semicolon ";" is after the word !important.

.single-value .single-result {
font-size: 15px !important;
font-weight: bold;
word-wrap: break-word;

Then restart Splunk Web.

View solution in original post

davecroto
Splunk Employee
Splunk Employee

Added !important, like below. Be careful, make sure the semicolon ";" is after the word !important.

.single-value .single-result {
font-size: 15px !important;
font-weight: bold;
word-wrap: break-word;

Then restart Splunk Web.

Get Updates on the Splunk Community!

Say goodbye to manually analyzing phishing and malware threats with Splunk Attack ...

In today’s evolving threat landscape, we understand you’re constantly bombarded with phishing and malware ...

AppDynamics is now part of Splunk Ideas

Hello Splunkers, We have exciting news for you! AppDynamics has been added to the Splunk Ideas Portal. Which ...

Advanced Splunk Data Management Strategies

Join us on Wednesday, May 14, 2025, at 11 AM PDT / 2 PM EDT for an exclusive Tech Talk that delves into ...