• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Default Weather Module Icon Position

Scheduled Pinned Locked Moved Solved Troubleshooting
38 Posts 4 Posters 7.2k Views 4 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • S Offline
    svenpisa @sdetweil
    last edited by Feb 6, 2024, 2:46 PM

    I have reset the weather.css again. Fits so far.
    I think I have also understood the module and classes.
    So if I have the following

    			module: "weather",
    			classes: "forecast",
    

    then I would have to enter it in the custom.css as follows?

    .weather .forecast

    Unfortunately, I have not yet understood how to access it via browser.
    Exactly! The MM should hang on the wall, but if I want to make changes, I want to access the Raspi / MM via WLAN and make the changes via my laptop and since I am not a programmer and like to have everything visually, I would like to mirror the MM or the OS on my laptop screen and preferably make the changes via the “Geany” tool.
    How exactly should I enter it in the browser?
    I have tried it with IP and port, but only get an error message. I have also tried with the WLAN IP and port, but also without success.

    	address: "0.0.0.0",
    	port: 8080,
    

    Thanks in advance

    S 3 Replies Last reply Feb 6, 2024, 3:13 PM Reply Quote 0
    • S Offline
      sdetweil @svenpisa
      last edited by Feb 6, 2024, 3:13 PM

      @svenpisa said in Default Weather Module Icon Position:

      then I would have to enter it in the custom.css as follows?
      .weather .forecast

      no… just

      .forecast
      

      that overrides .weather

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @svenpisa
        last edited by Feb 6, 2024, 3:22 PM

        @svenpisa said in Default Weather Module Icon Position:

        address: “0.0.0.0”,
        port: 8080,

        ok, and ipWhitelist:[], too, right?? this restricts incoming request to JUST the addresses listed… by default this was JUST the loopback address (localhost), again ONLY inside this machine…

        so, the first two mean,

        listen for incoming connections on all network interfaces (image ethernet and wifi active, you can restrict to just one by using the actual ip address assigned, OR allow connections on BOTH without having to know the assigned addresses)…

        and the the port 8080…

        you used remote connection to the PI… use the same address in the browser

        http://pi_ip_address(or name):8080
        

        on my current mac connecting to raspberry pi 5
        I can use

        http://raspberrypi5:8080 
        

        or

        http://192.168.12.121:8080
        

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        S 1 Reply Last reply Feb 6, 2024, 8:23 PM Reply Quote 0
        • S Offline
          sdetweil @svenpisa
          last edited by sdetweil Feb 6, 2024, 7:34 PM Feb 6, 2024, 3:27 PM

          @svenpisa said in Default Weather Module Icon Position:

          Exactly! The MM should hang on the wall, but if I want to make changes, I want to access the Raspi / MM via WLAN and make the changes via my laptop and since I am not a programmer and like to have everything visually, I would like to mirror the MM or the OS on my laptop screen and preferably make the changes via the “Geany” tool.

          i strongly recommend installing Winscp or Bitvise ssh clients on your windows machine. (both free)

          these will give you BOTH the ssh window (for commands, installing updates and modules) AND a file manager window over the PI files (for editing files). Then you can double click to edit ON YOUR PC, with your PC EDITOR, and auto save back to the pi…

          bitvise ALSO provides a window for drag/drop to copy files in either direction
          great for copying log files from the pi…

          i use notepad++ on my windows machine for editing but you can use visual studio code or whatever text editor you like… they don’t know the file is over ssh…

          I NEVER edit ON the pi itself… only over ssh, and use one of the visual tools when I need to …

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          S 1 Reply Last reply Feb 6, 2024, 8:28 PM Reply Quote 0
          • S Offline
            svenpisa @sdetweil
            last edited by Feb 6, 2024, 8:23 PM

            Thanks @sdetweil
            It works… Was my mistake… i took a / instead of : between ip and port…
            Looks great now.
            Last question for that… Have you got a link for a tutorial how to use the developer mode?

            S 1 Reply Last reply Feb 6, 2024, 8:49 PM Reply Quote 0
            • S Offline
              svenpisa @sdetweil
              last edited by Feb 6, 2024, 8:28 PM

              @sdetweil i installed Bitvise now. The first view looks good… i will try it the next days!

              1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @svenpisa
                last edited by sdetweil Feb 6, 2024, 8:55 PM Feb 6, 2024, 8:49 PM

                @svenpisa learn developers window

                see
                https://forum.magicmirror.builders/post/90135

                and a little here
                https://forum.magicmirror.builders/topic/7227/changing-icons-of-the-modules-current-weather-and-weather-forecast/290?_=1707252488912

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • Z Offline
                  ZiggidyZ
                  last edited by Feb 6, 2024, 9:19 PM

                  Personally I use putty and do everything over command line. On my PC I use Notepad++ for working on files as well, then will copy and paste over to the ssh session.

                  S 1 Reply Last reply Feb 6, 2024, 10:27 PM Reply Quote 0
                  • S Offline
                    sdetweil @ZiggidyZ
                    last edited by Feb 6, 2024, 10:27 PM

                    @ZiggidyZ yeh, I used to do that too.

                    then I have 10 systems I work on, got to be too much copying.

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • S Offline
                      svenpisa
                      last edited by Feb 7, 2024, 11:11 AM

                      Thank you guys for your tips and help. Now I only have one issue left.

                      How do I get the icons in the right place?
                      9fd7ed16-6ef7-47a5-84d6-29b73b951ab6-image.png

                      S 1 Reply Last reply Feb 7, 2024, 12:44 PM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 1 / 4
                      1 / 4
                      • First post
                        8/38
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy