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 11.0k 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.
    • G Offline
      greedyvegan @sdetweil
      last edited by

      @sdetweil said

      you noticed the dot in front of the class name , right?

      yes, other modules are easier to me because it’s only one focus

      nothing means html element (html img, body, div…)

      this confused me

      believe me, I’m trying to understand.
      I’m also trying everything I read/see for hours before reaching out for help

      in config, I chose to uniquely identify the two weather “classes”
      however the developer window mentions “class”
      it also says “class=module weather weather” for both weather modules.
      Screenshot 2024-03-31 at 5.31.20 PM.png I think THIS is why modifying one modifies both.
      Screenshot 2024-03-31 at 5.19.18 PM.png

      the weather.js file says .currentWeather & .forecastWeather
      the weather.css file doesn’t differentiate current & forecast classes. I’ve even read the current & forecast njk files for individual class indicators…

      in custom.css I’m trying any and everything I see to individually identify and separate #module_5_weather from #module_6_weather

      I feel like my focus is in the wrong place(s) and i’m overlooking something extremely simple

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @greedyvegan
        last edited by sdetweil

        @greedyvegan show me the config for the two modules , xxx out the api key

        copy paste, dont change anything else

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        G 1 Reply Last reply Reply Quote 0
        • G Offline
          greedyvegan @sdetweil
          last edited by

          @sdetweil
          Screenshot 2024-03-31 at 6.15.56 PM.png

          S 1 Reply Last reply Reply Quote 0
          • S Offline
            sdetweil @greedyvegan
            last edited by sdetweil

            @greedyvegan ok, the ‘classes’ property in this case is an mm config option NOT a module config option.

            so it goes outside of the config:{} section, along with position and header

            see these options in the doc
            https://docs.magicmirror.builders/modules/configuration.html#example

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            G 1 Reply Last reply Reply Quote 0
            • G Offline
              greedyvegan @sdetweil
              last edited by

              @sdetweil said
              the ‘classes’ property goes outside of the config:{} section, along with position and header

              I feel like my focus is in the wrong place(s) and i’m overlooking something extremely simple

              I knew it

              thank you very much, I’ll play around with this in a few

              S 1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @greedyvegan
                last edited by

                @greedyvegan note that modules can also define properties with the same names as we use for mm properties. so one has to check carefully. ive only made this mistake a hundred times…

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                G 1 Reply Last reply Reply Quote 0
                • G Offline
                  greedyvegan @sdetweil
                  last edited by

                  @sdetweil lol noted

                  1 Reply Last reply Reply Quote 0
                  • 1
                  • 2
                  • 3
                  • 4
                  • 4 / 4
                  • First post
                    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