Reducing the size of the dials?

Can the dials be reduced in size? Is this possible without major changes.
I have had the dials working on my old website
http://bobhewitt.co.uk/wxdial.htm

I have been working on a Saratoga version and the dials need to be smaller.
http://bobhewitt.co.uk/pictures/WeatherDisplay/wxssgauges.php#

In gauges.js I noticed this syntax but wasn’t sure if I risked changing anything here?

        // Are we running on a phone device (or really low res screen)?
        if ($(window).width() < 480) {
            // Change the gauge scaling
            config.gaugeScaling = config.gaugeMobileScaling;
            // Switch off graphs?
            config.showPopupGraphs = config.mobileShowGraphs;
        } else {
            config.gaugeScaling = 1;

it can be done
eg meteotemplate does it
see the gauges right hand side:
https://www.weather-display.org/template/indexDesktop.php

The size is set in the CSS file, I’m on my phone at mo so cannot look it up, but if you can’t find it then shout and I’ll check on the 'puter later.

From memory there are three sample sizes in the CSS, but you can just edit the default size.

So, in the gauges CSS file you have…

.gaugeSizeSml {
  width: 181px;
  height: 181px;
}
.gaugeSizeStd {
  width: 221px;
  height: 221px;
}
.gaugeSizeLrg {
  width: 261px;
  height: 261px;
}

You can either change the gauges HTML to use “gaugeSizeSm” or edit the gaugeSizeStd class to whatever you want.

mcrossley:
Sorry for delay in replying.
When I changed the size for all the dials in the html file from gaugeSizeStd to gaugeSizeSm the dials became bigger so I was a little confused.
I will try changing the css file next.

Looks nice and might be a future project. I see that you don’t show UV dials - is that because it cannot?

uv and solar are available to be displayed if you want with MT