Trying to modify dimensions of module MMM-RAIN-RADAR

  • I am new to this so I apologize for the simplistic question. I am struggling to modify the size of this plugin. It is a very long rectangle and I would like it to be more square. I don’t see any dimension information in the module config. There are dimensions, 270 & 480 in the .js file, but I don’t know javascript so I am struggling with what to modify. I don’t think the dimensions I am seeing are actually 480x270. It is more like 800x200.

  • Project Sponsor

    Have you any iframe css active that might override the height and width?

    You could try this in your custom.css :

    .MMM-RAIN-RADAR .iframe {width: 300px; height: 300px}

  • @broberg said in Trying to modify dimensions of module MMM-RAIN-RADAR:

    .MMM-RAIN-RADAR .iframe {width: 300px; height: 300px}

    How do you add that to the custom css?

  • There is a subdirectory named css below the main MagicMirror directory. Within that subdirectory one should find a file named custom.css. Open this file with the built in text editor by right clicking upon the file and choosing Text Editor.

    Then copy the code above by highlighting it and then right clicking and choosing copy or highlighting it and pressing CTRL-C .
    Then create a line within the custom.css by clicking below the body statements and then Right Click and Choose Paste or press CTRL-V

    Make sure that this code is NOT within the brackets that specify body, but instead below those entries.

  • @BD0G ahhhh I put it in the body brackets. I’ll try outside of them. Thanks!