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.
    • M Offline
      mischag
      last edited by

      So, I have an issue with the ext3timeline module on my mirror.
      Ever since the start, it runs fine, and displays the ‘bar’ that the event time is happening. But, it doesn’t display the text? Like the ‘title’ of the event that it is getting the information from is not shown. It’s just a bar?
      I cannot for the life of me find out how to get the text to show? It shows fine in Ext3 module. But nothing on the Ext3Timeline module?
      Any help would be so greatly appreciated.
      Thanks,

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

        @mischag if you use the developers window, elements tab, is the text present? ans what styles does it have

        see the second link in my signature below for a starter use of the elements tab

        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
          I’m not sure where the text needs to be present? I’ve got it open in elements tab, and can see the words for the text under the
          div class=“event calendar_iPhone current singleday” etc data-description data-title=“Calendar upgrade” etc style="–calendarColor: green; --oppositeColor: white; --startPosition: 9.38%; --endPosition: 78.13%

          where else am I looking? Thanks

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

            @mischag when that element is selected in the html view, in the right pane is the set of styles applied
            top is most current, further down are prior styles, set or overridden strike thru if overridden, by something later (higher)
            those sections also tell you WHERE the styles came from (file)

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            S M 2 Replies Last reply Reply Quote 0
            • 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
                        • 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