topic Re: font-size in splunk6 in Dashboards & Visualizations

font-size in splunk6

crt89 — Sun, 20 Oct 2013 08:48:14 GMT

Hi is anyone experiencing that the font-size parameter on css doesn't affect the views on Splunk 6? Or its just me. I'm currently applying my custom css for views I can see splunk can load my css but the font-size parameter is not working for me. Put the css files on the proper location still font-size parameter not working. Is it just me?

Re: font-size in splunk6

grijhwani — Sun, 20 Oct 2013 14:56:47 GMT

Use a browser such as Firefox which allows you to perform element inspection. It will show you how CSS is being applied. It is possible element/class names have changed or been augmented and that your CSS is being ignored or over-ridden.

Re: font-size in splunk6

crt89 — Wed, 23 Oct 2013 02:55:51 GMT

I see thanks for your answer, I'm going to recheck and see what cause my problem.

Re: font-size in splunk6

msuters — Tue, 14 Jan 2014 02:46:50 GMT

Did you ever find a solution to this question?

I am trying to increase the font size of the single-value result to be bigger than the default of 24px. I have used Firefox/Firebug to inspect the element of a single value result. I can see values being over-ridden (they are crossed out in Firebug) from bootstrap.min.css, dashboard-simple-bootstrap.min.css, and application.css, and the one that remains comes from "mgs" (which is the name of the dashboard), and sets the font size to 24px. I have set the font size parameter to a value other than 24 in all .css files I can find underneath the Splunk directory. I can see these changed values being registered (in Firebug), but 24px still continues to be selected at the end. I have also reset the font size for single-result from 24px to something else (mostly 23px) everywhere else I can find it (including other .css files, .js and .less files). But the single value result font remains at 24px. Are there any other suggestions for what to try?

Similar questions have been asked before, and answers indicated that the syntax of the CSS changed between Splunk versions 4 and 5, and I think version 6 is different again. So those previous answers are not helping with the solution for Splunk 6.

Re: font-size in splunk6

crt89 — Mon, 20 Jan 2014 23:51:53 GMT

Yes I did manage to change the font-size of the single values. I added the !important tag. Here's my sample css

.row-textinputheader .single-value .single-result { color: #FFF; font-size: 42px !important; }

Re: font-size in splunk6

msuters — Thu, 23 Jan 2014 22:30:44 GMT

Thanks crt89,
Your solution of the "!important" tag worked for me also. Increased font size makes the dashboards much more effective because the information can be seen from further away. (Colour-coding also helps.)

Re: font-size in splunk6

ng1p — Wed, 10 Dec 2014 19:48:16 GMT

I am trying to get this to work with Splunk 6.1.3 and I cant get the font to change. Does anyone have this working on Splunk 6.1.x?

In my dashboard I am pointing at single.css using:
dashboard stylesheet="single.css"

Then in this single.css I have the following:
.row-textinputheader .single-value .single-result { color:#FFF; font-size:42px !important; }

Do I have this right?

Re: font-size in splunk6

ng1p — Thu, 11 Dec 2014 16:29:21 GMT

This posting worked for me:
http://answers.splunk.com/answers/203333/font-size-in-splunk-61x.html

Re: font-size in splunk6

crt89 — Wed, 21 Jan 2015 07:18:08 GMT

Good thing it works for you as well.