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