Dashboards & Visualizations

Adjust Trellis Font Size (Results)

nwoodco1
Explorer

I am trying to change the font size of the time in the trellis, you can see that when all D H M are double digits t both sides are cut off, the label of each trellis was also being cut off, but using this css that I found in another I was able to change the font size, but I cannot figure out how to change the other font. I am assuming facet- is what I am missing. When I remove -label no formatting is changed, but I cannot figure out what to put that changes the result in the trellis.
CSS:

<style>
           .viz-panel.viz-facet-size-medium .facet-label{
            font-size:11px !important;
            font-weight: bold !important;
           }
         </style>
0 Karma

niketnilay
Legend

@nwoodco1 try the following where single value with trellis has id trellis_single i.e. <single id="trellis_single">

    <style>
      #trellis_single div.viz-facet{
        width: 220px !important;
      }
      #trellis_single text.single-result{
        transform: translate(25px,0px);
      }
      #trellis_single .viz-panel.viz-facet-size-medium .facet-label{
        font-size:11px !important;
        font-weight: bold !important;
      }
    </style>

PS: Width and translate you will have to adjust as per your need. For example in my case if 25px extra width was required, I change facet viz width also by 25px to 220px (or may be little more to allow padding between consecutive values).

Please try out and confirm!

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

nwoodco1
Explorer

alt text

0 Karma
.conf21 Now Fully Virtual!
Register for FREE Today!

We've made .conf21 totally virtual and totally FREE! Our completely online experience will run from 10/19 through 10/20 with some additional events, too!