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.

    disable the header in the Weather Forecast module

    Scheduled Pinned Locked Moved Custom CSS
    9 Posts 6 Posters 4.0k Views 6 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.
    • B Offline
      brooksa
      last edited by

      Hello,

      Just jot my mirror up and running. Fun.
      I can’t seem to figure out how to disable the header in the Weather Forecast module.

      I feel like it should be simple.

      S Mykle1M 2 Replies Last reply Reply Quote 0
      • S Offline
        sdetweil @brooksa
        last edited by

        @brooksa which weather module and what do you mean by header? do you have a screen shot?

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 1
        • Mykle1M Offline
          Mykle1 Project Sponsor Module Developer @brooksa
          last edited by

          @brooksa

          This should work. In custom.css file, add the following:

          .weatherforecast .module-header {
            display: none;
          }
          

          Create a working config
          How to add modules

          B J 2 Replies Last reply Reply Quote 1
          • B Offline
            brooksa @Mykle1
            last edited by

            @Mykle1 Thank YOU!!!

            1 Reply Last reply Reply Quote 0
            • J Offline
              jlnxaer @Mykle1
              last edited by

              @Mykle1 Hey,

              this didn’t work for me somehow? Could this be because of preset language? Mine would be German.

              Mykle1M 1 Reply Last reply Reply Quote 0
              • Mykle1M Offline
                Mykle1 Project Sponsor Module Developer @jlnxaer
                last edited by

                @jlnxaer said in disable the header in the Weather Forecast module:

                Could this be because of preset language? Mine would be German.

                No sir. Make sure your custom.css entry is correct and NOT within the body.

                Screenshot from 2020-11-08 10-53-46.png

                It works

                Screenshot from 2020-11-08 10-55-20.png

                Create a working config
                How to add modules

                1 Reply Last reply Reply Quote 0
                • F Offline
                  ftap
                  last edited by

                  Yeah, doesn’t work for me either. If anyone finds this topic and knows the solution let us know!

                  C 1 Reply Last reply Reply Quote 0
                  • C Offline
                    chanster @ftap
                    last edited by

                    @ftap Have you tried adding “appendLocationNameToHeader: false” to the config block ?

                           {
                                module: "weather",
                                position: "top_left",
                                config: {
                                    type: 'forecast',
                                    weatherProvider: "openweathermap",
                                    weatherEndpoint: "/onecall",
                                    apiKey: "***", // your OpenWeatherMap API key
                                    windUnits: "imperial",
                                    updateInterval: 180000,
                                    timeFormat: 12,
                                    showPeriod: true,
                                    showHumidity: true,
                                    degreeLabel: true,
                                    colored: true,
                                    fade: false,
                                    roundTemp: true,
                                    showPrecipitationAmount: true,
                                    appendLocationNameToHeader: false,
                                    lat: ***, // your latitude
                                    lon: ***, // your longitude
                                }
                                }, 
                    
                    
                    F 1 Reply Last reply Reply Quote 0
                    • F Offline
                      ftap @chanster
                      last edited by ftap

                      @chanster Actually just figured out that if I do visibility instead of display it works.

                      .weatherforecast .module-header { visibility: hidden; }
                      
                      1 Reply Last reply Reply Quote 0

                      Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                      Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                      With your input, this post could be even better 💗

                      Register Login
                      • 1 / 1
                      • 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