griffo42 wrote: ↑Sat 25 Nov 2023 1:51 am
Could I please have some guidance as to how to reduce the diameter of the gauges so that they fit better into the boxes? I have tried to resize them without result. The latest version of the above applies.
Screenshot 2023-11-25 114536.png
The gauge size is determined by a css value in the css/gauges.css file. However, I suggest that you edit the gauges.html and change the .ow-gaugeStandard class to .ow.gaugeSmall. This is more work but is guaranteed to succeed. The lines to edit in the gauges.html file are: 84, 90, 96, 102, 108, 114, 120, 132, 138, 144 and 150. Be aware that the issue you are experiencing will only occur on a very small number of screen sizes. I have tested the responsive qualities of the site on tables and phones but have not been able to get the gauges to exceed the size of the panels in any situation. Remember that this is a intended as a public site and you won't know what size screen the visitor is using.
If you want to change the css values, you can but I think Mark would advise that the values use must end in an odd number hence the values used. I have found that using different values can be unpredictable with shadows and outlines not properly matching all elements in the gauges.