topic How to reduce Single Value Text Size? in Dashboards & Visualizations

How to reduce Single Value Text Size?

vtsguerrero — Fri, 13 Nov 2015 13:15:40 GMT

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!

Re: How to reduce Single Value Text Size?

jkat54 — Fri, 13 Nov 2015 13:52:55 GMT

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.

Re: How to reduce Single Value Text Size?

vtsguerrero — Fri, 13 Nov 2015 14:13:30 GMT

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

Re: How to reduce Single Value Text Size?

vtsguerrero — Fri, 13 Nov 2015 14:17:37 GMT

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

Re: How to reduce Single Value Text Size?

jkat54 — Fri, 13 Nov 2015 17:05:50 GMT

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

Re: How to reduce Single Value Text Size?

vtsguerrero — Fri, 13 Nov 2015 17:11:19 GMT

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

Re: How to reduce Single Value Text Size?

fredkaiser — Mon, 16 Nov 2015 23:00:48 GMT

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

Re: How to reduce Single Value Text Size?

vtsguerrero — Tue, 29 Sep 2020 07:57:36 GMT

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!

Re: How to reduce Single Value Text Size?

DMohn — Mon, 23 Nov 2015 13:08:04 GMT

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.

Re: How to reduce Single Value Text Size?

fredkaiser — Wed, 25 Nov 2015 02:03:17 GMT

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