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-suncalc - Text only display of sunrise, sunset and other sun events

    Scheduled Pinned Locked Moved Utilities
    29 Posts 8 Posters 13.0k Views 8 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.
    • LordyL Offline
      Lordy @retroflex
      last edited by Lordy

      @retroflex
      I hope you can help me again?
      I try to change the font size, but I can’t get any further. Can you please tell me my mistake?
      At the moment the module is going under compared to the other modules.
      My css entry:

      .mmm-suncalc text {font-size: 30px}
      
      R S 2 Replies Last reply Reply Quote 0
      • R Offline
        retroflex Project Sponsor Module Developer @Lordy
        last edited by

        @Lordy Where does “text” come from? Try:

        .mmm-suncalc {
          font-size: 30px
        }
        
        LordyL 1 Reply Last reply Reply Quote 0
        • LordyL Offline
          Lordy @retroflex
          last edited by Lordy

          @retroflex said in mmm-suncalc - Text only display of sunrise, sunset and other sun events:

          .mmm-suncalc {
          font-size: 30px
          }

          I had tried that too. Unfortunately without success. “Text” appears in the config.
          Do you have another suggestion?

          R 1 Reply Last reply Reply Quote 0
          • R Offline
            retroflex Project Sponsor Module Developer @Lordy
            last edited by

            @Lordy Maybe this:

            .mmm-suncalc table {
              font-size: 30px
            }
            

            Tip: You can use developer tools in the browser to check elements and change styles.

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

              @Lordy said in mmm-suncalc - Text only display of sunrise, sunset and other sun events:
              how about

              .mmm-suncalc .text {font-size: 30px}
              

              notice the . in front of text (required to target prior element classes or element names)

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • LordyL Offline
                Lordy
                last edited by

                @sdetweil said in mmm-suncalc - Text only display of sunrise, sunset and other sun events:

                notice the . in front of text (required to target prior element classes or element names)

                I had tried that too. Unfortunately without success.

                Maybe this:
                
                .mmm-suncalc table {
                  font-size: 30px
                }
                
                

                That was it to change the font size.

                I thank both of you for help. Thank U “sdetweil” and “retroflex”.:thumbs_up_light_skin_tone:

                In addition, I have to get used to the fact that I can also work with browsers. Not only with “Putty” and “WinSCP”.

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