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