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

disable the header in the Weather Forecast module

Scheduled Pinned Locked Moved Custom CSS
9 Posts 6 Posters 2.9k 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.
  • M Offline
    Mykle1 Project Sponsor Module Developer @brooksa
    last edited by Jun 27, 2019, 12:10 AM

    @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 Jun 29, 2019, 4:01 AM Reply Quote 1
    • B Offline
      brooksa @Mykle1
      last edited by Jun 29, 2019, 4:01 AM

      @Mykle1 Thank YOU!!!

      1 Reply Last reply Reply Quote 0
      • J Offline
        jlnxaer @Mykle1
        last edited by Nov 8, 2020, 11:57 AM

        @Mykle1 Hey,

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

        M 1 Reply Last reply Nov 8, 2020, 3:58 PM Reply Quote 0
        • M Offline
          Mykle1 Project Sponsor Module Developer @jlnxaer
          last edited by Nov 8, 2020, 3:58 PM

          @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 Jan 11, 2021, 10:37 PM

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

            C 1 Reply Last reply Jan 11, 2021, 10:43 PM Reply Quote 0
            • C Offline
              chanster @ftap
              last edited by Jan 11, 2021, 10:43 PM

              @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 Jan 11, 2021, 10:45 PM Reply Quote 0
              • F Offline
                ftap @chanster
                last edited by ftap Jan 11, 2021, 10:45 PM Jan 11, 2021, 10:45 PM

                @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