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

niketn
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
Get Updates on the Splunk Community!

Index This | Divide 100 by half. What do you get?

November 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with this ...

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

❄️ Celebrate the season with our December lineup of Community Office Hours, Tech Talks, and Webinars! ...

Splunk and Fraud

Watch Now!Watch an insightful webinar where we delve into the innovative approaches to solving fraud using the ...