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 1.3k 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.
    • ankonaskiff17A Offline
      ankonaskiff17
      last edited by ankonaskiff17

      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 Reply Quote 0
      • S Offline
        sdetweil @ankonaskiff17
        last edited by sdetweil

        @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

        ankonaskiff17A 1 Reply Last reply Reply Quote 0
        • ankonaskiff17A Offline
          ankonaskiff17 @sdetweil
          last edited by

          @sdetweil fa is font awesome?

          S 1 Reply Last reply Reply Quote 0
          • S Offline
            sdetweil @ankonaskiff17
            last edited by

            @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

            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