MMM-OpenWeatherForecast bigger fonts and icons

briantogo

Greetings,
I am using MagicMirror in my man cave, 20 feet away from where we sit to watch movies. Other than the outside temp, all other fonts and icons are too small to read. How can I enlargen that? I’ve included the entry from my config.js;

{
    module: "MMM-OpenWeatherForecast",
    position: "top_left",
    header: "Forecast",
    config: {
      apikey: "xxxxxxx", //only string here
      latitude: 42.213206,            //number works here
      longitude: "-82.898381",          //so does a string
      units: "imperial"
    }
  },

Thanks,
Brian

sdetweil

@briantogo MagicMirror is a web page. as such css styles control the visual aspect of the page

each module can supply styles for its content
usually in a file with the module name .css

the MagicMirror design for this is to put your overrides in the
MagicMirror/css/custom.css
file

usually prefaced with the modulename as a css class

.MMM-OpenWeatherForecast  xxx

and xxx is the rest of the css selector clause

css like js is case senditive

sdetweil

@briantogo dont put personal apikeys etc in posts here

please use code block around config or log entries

paste text into message editor , blank line above and below
select text just pasted
hit the </> button above the editor

the code block markers must be on a line by themselves

briantogo

Thanks Sam, can I just copy all the MMM-OpenWeatherForecast.css contents to custom.css and increase size numbers and test? Or any other suggestions?

sdetweil

@briantogo see the second link in my signature below on how to use the developers window elements tab to discover and test css styles