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 3.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 Away
        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
                      • 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