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!

Index This | Forward, I’m heavy; backward, I’m not. What am I?

April 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with another ...

A Guide To Cloud Migration Success

As enterprises’ rapid expansion to the cloud continues, IT leaders are continuously looking for ways to focus ...

Join Us for Splunk University and Get Your Bootcamp Game On!

If you know, you know! Splunk University is the vibe this summer so register today for bootcamps galore ...