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

Format/Delete Sunset & Sunrise Time

Scheduled Pinned Locked Moved Custom CSS
4 Posts 2 Posters 894 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.
  • A Offline
    ankonaskiff17
    last edited by ankonaskiff17 Jul 27, 2021, 11:43 PM Jul 27, 2021, 11:24 PM

    Not sure if this is a custom.css question or a config.js question.
    In the default Clock module you have the option to show sun time and moon time. By default they are off but I have set to true.

    I am scaling up the modules for big TV and had to set .region.left a lot wider than however it translates on to the big screen because the showSunTimes and showMoonTimes were starting to text wrap although that might not be quite the term used. I would like to do away with the circled portion of the sunset and I assume sunrise time I have circled in the clock module.
    Clock.jpg

    I ran it down to this block in Developer Tools but not sure how to tackle.
    I want to keep the sunrise and sunset times but don’t really care about the time UNTIL sunrise or sunset. I would probably get rid of the percent of full moon value too but imagine I just change verbiage similar to how to approach the sun question
    On top of that it will allow me to recover some of the middle region I gave up when I widened .region.left.

    Sunset.jpg

    S 1 Reply Last reply Jul 28, 2021, 12:47 AM Reply Quote 0
    • S Offline
      sdetweil @ankonaskiff17
      last edited by sdetweil Jul 28, 2021, 12:34 PM Jul 28, 2021, 12:47 AM

      @ankonaskiff17 given the way its coded, text in an icon, I don’t know if U can get back the space…

      but… css allows you to target/select both classes (starts with . ) and elements (do NOT start with dot)

      here is a cheat sheet

      https://www.w3schools.com/cssref/css_selectors.asp

      but I think u can do this all with classes

      .modulename  i.fa-sun-o  {
         /*    i 'think' the only thing u can do is hide the text  */
        color: black;
      }
      

      maybe using the ::before

      https://www.w3schools.com/cssref/sel_before.asp

      I don’t know if this syntax will work…

      .modulename  .fa-sun-o i::before {
          content: "";
      }
      

      // from my MMM-Config web form css
      // and u read the right to left
      these are all targeting html elements, no classes

      a legend, whose parent is a fieldset following a span
      targeting the legend

      span ~ fieldset >legend {
          color: #333 !important;
      }
      

      here is a legend, whose parent is a fieldset whose parent is a li, ul, div
      targeting the legend

      div > ul > li > fieldset >legend {
          color: #333 !important;
      }
      

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      A 1 Reply Last reply Jul 28, 2021, 12:24 PM Reply Quote 0
      • A Offline
        ankonaskiff17 @sdetweil
        last edited by Jul 28, 2021, 12:24 PM

        @sdetweil fa is font awesome?

        S 1 Reply Last reply Jul 28, 2021, 12:32 PM Reply Quote 0
        • S Offline
          sdetweil @ankonaskiff17
          last edited by Jul 28, 2021, 12:32 PM

          @ankonaskiff17 i think so

          Sam

          How to add modules

          learning how to use browser developers window for css changes

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