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>
@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!