Customize Dashboard Single Value (CSS)

[kashz]

Hi, I'm looking to customize my dashboard.

I'm just wondering whether how is this dashboard built? (Extract from Splunk Security Essentials Addon, I really like how this row looks)
I understand that it has several <single> value searches within the same <panel> and <row>.

The second image is what I have currently:
But HOW to
1. Reduce the spacing between the title and the single-value ?
2. How to get the horizontal line separator?
3. How to reduce the width of the panels? (What is depends="$hideForCSS$") ?

[Anam]

Hi @kashz

Did the answer by @cmerriman help provide a working solution to your question? If yes, please don't forget to resolve this post by clicking "Accept". If no, please leave a comment with more feedback. Thanks!

[cmerriman]

The best thing i can recommend is using the Developer Tools in your browser to experiment with everything in the dashboard. That allows you to see what the elements are called and you can tweak some of the options and see the impact that they have by changing values around.

this website has some great references for CSS

to use CSS inline in your dashboard, follow this answers post