How to reduce Single Value Text Size?

[vtsguerrero]

I'm currently using <dashboard stylesheet="single_decorations.css"> from another app, which shows green, yellow and red indicators, but the text is too big, and the icon is goin' above the letters. I know that can be done via css.
But how will I get this specific text inside each Single Value ?
Thanks in advance!

[fredkaiser]

Hi Vstguerrero

you can override this by adding the below in custom CSS

svg.svg-container {
height=75% !important;
width=75% !important;
}

which will put them both on the same line but with a big space between them.

Once this has been change you need to restart Splunk or bump it

How to bump Splunk

http://docs.splunk.com/Documentation/Splunk/6.2.0/AdvancedDev/CustomizationOptions

[vtsguerrero]

Hello @fredkaiser , I have tried this css, changing the "=" sign to ":" in css file, hit CtrlF5 and still, no difference at all...
I just found out that Splunk's last version has updated the example "single_decorations.css" to "custom_decorations.css".
I'm still checkin' it out to see if this new release will work on my previous panel.
But thanks in advance!

[fredkaiser]

Hi @Vtsguerrero

There is other way with out restarting your Splunk for the changes to take effect and that to bump splunk.

So to do that just:

http://host:mport/locale_string/_bump

EG: http://splunk/en-us/_bump

---

http://docs.splunk.com/Documentation/Splunk/6.2.0/AdvancedDev/CustomizationOptions

[DMohn]

Changes to custom CSS need a restart (or a reload) to take effect!

Try to click on the splunk logo in the upper left corner, and then return to your dashboard, this should reload the CSS and show your changes.

[jkat54]

Right click on it in your browser and go to inspect element (or so you would in chrome). That should take you directly to the code, and you can find the css tag there.

<a href="/topics/dashboard.html" class="tag" rel="topic" nodeid="160006">dashboard</a>

This is the "element" I found by right clicking the tag on your post for "dashboard". From looking at this I can assume my css file has a class called "tag", and therefore I would edit that class in the css to modify how I like. So in Chrome I can actually edit this on the fly and do something like this:

<a href="/topics/dashboard.html" class="belowquestion" rel="topic" nodeid="160006">dashboard</a>

Which makes it look completely different.

[vtsguerrero]

It's already inside the dashboard tag reference css = single-decorations.css...
I used this:

.single-result { font-size:20px } 

Nothing changed, not even restarting splunk instance..

[vtsguerrero]

This is how my single looks like, letters are too big and the icon is at the wrong place since Splunk updated.

I think the tag is correct, cuz I've changed it in execution time with Chrome...

[jkat54]

Have you tried using ctrl + F5 to force all the page assets to be re-downloaded directly from the server?

[vtsguerrero]

Yeap, still not working, restarted splunk server, and tried with !important as well..