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.

    no font on ext3timeline

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    13 Posts 2 Posters 1.4k 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.
    • S Offline
      sdetweil @sdetweil
      last edited by

      @mischag see this image the pink section
      Screenshot at 2024-01-17 11-06-41.png

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      M 2 Replies Last reply Reply Quote 0
      • M Offline
        mischag @sdetweil
        last edited by

        @sdetweil yeah, I understand that part. I can’t see the ‘words’ that should be getting displayed in that styles section. It should really be saying Calendar Upgrade in that green box. With white writing, like the iPhone calendar it is getting the information from. But it’s not saying anything.
        I can’t see anywhere in that ‘styles’ section where it says title display: false or something like that… it says what I think it should say… if there’s not enough ‘room’ in that bar to fit the text when it is font size: 14 or something, will it not display anything? or will it just fit something in there? in the style it does say overflow: hidden… will that mean it doesn’t show? Thanks…

        1 Reply Last reply Reply Quote 0
        • M Offline
          mischag @sdetweil
          last edited by

          @sdetweil

          under this specific event

          .CX3T .event {
          position: absolute;
          top: 0;
          left: var(–startPosition);
          right: calc(var(–endPosition) + 1px);
          background-color: var(–calendarColor);
          color: var(–oppositeColor);
          text-align: left;
          font-size: 14px;
          height: 20px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          border-radius: 6px;
          padding-left: 4px;
          }

          1 Reply Last reply Reply Quote 0
          • M Offline
            mischag @sdetweil
            last edited by

            @sdetweil
            guessing you’re busy as can’t see any suggestions…
            I’ve looked everywhere within the developers side…
            I can see the text in different points: inner text, outer text. so it’s getting the text from somewhere…
            I just feel like somewhere, the eventTitle is not being allowed to be ‘shown’ or ‘displayed’…
            should i be editing the custom css and editing this section…
            .CX3T .eventTitle {
            padding-left: 3px;
            }

            is there something I can add in that that may override something else and display the eventTitle somehow??
            Thanks

            1 Reply Last reply Reply Quote 0
            • M Offline
              mischag @sdetweil
              last edited by

              @sdetweil
              mine looks like this…
              Screen Shot 2025-05-23 at 1.06.42 am.png Screen Shot 2025-05-23 at 1.06.31 am.png

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

                @mischag click on the span with the text "calendar upgrade "

                Sam

                How to add modules

                learning how to use browser developers window for css changes

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

                  from one of my cx3
                  Screenshot at 2025-05-22 12-00-30.png

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  M 1 Reply Last reply Reply Quote 0
                  • M Offline
                    mischag @sdetweil
                    last edited by

                    @sdetweil
                    Yeah, ok. I’ve clicked on that span line with the text…
                    Then down in the ‘style’ section this is what’s showing…

                    Screen Shot 2025-05-23 at 10.22.56 am.png

                    I’ve changed the font size in the custom css but it’s still not showing anything…
                    Thanks again. It’s really got me stumped.

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

                      @mischag ok, color, opaqueness
                      whats above that fontsize custom.css was used
                      didpkay:none; would hide it too

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

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