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!

Introducing the 2024 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...

Introducing the 2024 Splunk MVPs!

We are excited to announce the 2024 cohort of the Splunk MVP program. Splunk MVPs are passionate members of ...

Splunk Custom Visualizations App End of Life

The Splunk Custom Visualizations apps End of Life for SimpleXML will reach end of support on Dec 21, 2024, ...