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

MMM-EventHorizon - remove black border line

Scheduled Pinned Locked Moved Solved Troubleshooting
mmm-eventhorizoncss
11 Posts 3 Posters 5.2k Views 2 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 @max64
    last edited by Jan 7, 2019, 9:08 PM

    @max64 said in MMM-EventHorizon - remove black border line:

    @mykle1 - You can see the “border” line when the background is a light color (like white).

    Ok, I’ve corrected the border issue (I think). Do a git pull in the MMM-EventHorizon directory

    On the font, mine look more like a Times Roman font, which doesn’t look similar to any of the other fonts on the screen. I was just trying to get something pseudo-similar.

    Understood, but as I said in my last post, this is an iframe module, and as such cannot be modified conventionally. I went to the link I provided for you. It appears there are only 3 fonts choices. Pick one of them and I can make that work for you. Otherwise, what you see is what you get, mate. Peace!

    Create a working config
    How to add modules

    M 1 Reply Last reply Jan 8, 2019, 8:52 PM Reply Quote 0
    • M Offline
      max64 @Mykle1
      last edited by Jan 8, 2019, 8:52 PM

      @mykle1 - your edit did remove the iframe black border line. Many thanks.

      Apologize I didn’t pick up in your initial response that the entire content of the iframe was coming from the external timeanddate website. I will just edit the iframe.src url to pick the most appropriate font as your suggest. I can select the correct timezone at the same time.

      Thanks for your help…mate. :)

      M 1 Reply Last reply Jan 9, 2019, 1:40 AM Reply Quote 1
      • M Offline
        Mykle1 Project Sponsor Module Developer @max64
        last edited by Jan 9, 2019, 1:40 AM

        @max64

        You’re welcome, mate.

        Create a working config
        How to add modules

        1 Reply Last reply Reply Quote 0
        • J Offline
          jasondreher
          last edited by jasondreher Jan 24, 2019, 3:52 PM Jan 24, 2019, 3:45 PM

          I lover the MMM-EventHorizon module and am using it as a timer in my kitchen, but for that I dont need the “Days” in the timer. any way to remove this from the module? Or maybe just make it black to hide it?

          I basically just use the site below and change the date and time…

          http://free.timeanddate.com/countdown/i6f519yg/n64/cf12/cm0/cu4/ct0/cs0/ca0/cr0/ss0/cacFFFFFF/cpcFFFFFF/pc000/tcfff/szw576/szh443/tatTimer/tacFFFFFF/tptDone/tpcFFFFFF/mat/macFFFFFF/mpt/mpcFFFFFF/iso2019-01-24T10:00:01

          M 1 Reply Last reply Jan 25, 2019, 12:44 AM Reply Quote 0
          • M Offline
            Mykle1 Project Sponsor Module Developer @jasondreher
            last edited by Mykle1 Jan 25, 2019, 12:44 AM Jan 25, 2019, 12:44 AM

            @jasondreher

            Until I can look into that further, I’ve updated the module so that you can hide the units names (days, hours, minutes and seconds). I’m working on some other changes to the module as well. I hope this will do for now.

            Here are two examples. Do a git pull in the MagicMirror directory. Note the config option

            0_1548376912573_Screenshot from 2019-01-24 19-08-18.png

            0_1548376922595_Screenshot from 2019-01-24 19-13-00.png

            Create a working config
            How to add modules

            1 Reply Last reply Reply Quote 0
            • J Offline
              jasondreher
              last edited by Feb 18, 2019, 4:34 PM

              Ok I was thinking I could figure this out (removing the days), but got so far and am stuck.
              I was able to change the days to blue in the display, how do I get this into the css? I was thinking I could just change the days to black and they would not be shown. Am I on the right path to get this done? How to I get this into my css page?

              0_1550507511845_Screenshot from 2019-02-18 10-29-21.png

              M 1 Reply Last reply Feb 18, 2019, 7:55 PM Reply Quote 0
              • M Offline
                Mykle1 Project Sponsor Module Developer @jasondreher
                last edited by Feb 18, 2019, 7:55 PM

                @jasondreher

                Understood, but as I said in a previous post, this is an iframe module, and as such cannot be modified conventionally. There are no elements to target for css manipulation.

                Create a working config
                How to add modules

                1 Reply Last reply Reply Quote 0
                • J Offline
                  jasondreher
                  last edited by Feb 18, 2019, 7:56 PM

                  OK, makes sense. Thanks!!

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