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