Dashboards & Visualizations

html CSS override: setting height of line break <br/>

gerbert
Path Finder

Hello splunk community,

I want to change the height of the line break in a textbox, that looks like this:

<row>
  <panel id="panel1">
    <html>
      <div style="text-align: left;">
        <font size="2" color="#333333">
          Some Text<br/>
          Some more Text<br/>
        </font>
      </div>
    </html>
  </panel>
</row>
<row>
  <panel depends="$alwaysHide$">
    <title>CSS</title>
    <html>
      <style>     
        #panel1 {width:70% !important;background-color:#eeeeee;}
        #panel1 .dashboard-panel{background-color:#eeeeee;}
        <!--Next line is not working as intended-->
        #panel1 br {line-height: 50%;}
      </style>
    </html>
  </panel>
</row>

 

Presumably I have to change the last line but I cannot get it to work properly.
I want to make the line breaks more 'narrow' because right now there is too much space above a new line.
Help would be appreciated.

Cheers
gerbert

Labels (1)
Tags (3)
Get Updates on the Splunk Community!

Developer Spotlight with William Searle

The Splunk Guy: A Developer’s Path from Web to Cloud William is a Splunk Professional Services Consultant with ...

Major Splunk Upgrade – Prepare your Environment for Splunk 10 Now!

Attention App Developers: Test Your Apps with the Splunk 10.0 Beta and Ensure Compatibility Before the ...

Stay Connected: Your Guide to June Tech Talks, Office Hours, and Webinars!

What are Community Office Hours?Community Office Hours is an interactive 60-minute Zoom series where ...