• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.

Default Calender events center justified - Want left justified

Scheduled Pinned Locked Moved Unsolved Troubleshooting
6 Posts 2 Posters 1.1k 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.
  • I Offline
    interman
    last edited by Nov 25, 2021, 2:21 PM

    Hello all, Happy Thanksgiving.

    I love the way my MM has turned out, and I have included a screenshot. I have two instances of the default calendar running. The second instance is set to top_center, but the titles are all center justified which makes them harder to read.

    Does anyone know how to left justify just the one calendar (or I guess both of them but the top_left calendar is already so)? I have searched, found one article but the topic changed and the original question was not answered.

    Thanks, Don

    e0f4f172-e8e8-4fd7-8c0c-70641080e1f1-image.png

    S 1 Reply Last reply Nov 25, 2021, 2:54 PM Reply Quote 0
    • S Offline
      sdetweil @interman
      last edited by Nov 25, 2021, 2:54 PM

      @interman u want to find the module identifier (ctrl-shift-i), select the elements tab, select the pointer top left, and navigate over your second calendar so the highlight covers the whole thing…
      on the right window it will expand the html content for that

      in the module entry should be the module name AND the id=“identifier” name

      then in the custom.css you would do

      #identifier .title {
      and whatever is needed to align…

      }

      in the screen shot yoiu can see the expanded elements, and the top right the element styles , cursor at the end of the last, and hit enter, type text-al (it will fill in) and give you the drop box, to select from the choices… u want left

      then u can add that to the custom css entry above in css/custom.css

      and then hit f5 with the cursor on the dev window
      close the dev window with ctrl-shift-i again

      Screenshot at 2021-11-25 08-49-51.png

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      I 1 Reply Last reply Nov 25, 2021, 4:10 PM Reply Quote 0
      • I Offline
        interman @sdetweil
        last edited by Nov 25, 2021, 4:10 PM

        @sdetweil Thank you. It worked and the calendar is aligned properly.

        However, when MM starts now, there is a long delay between everything else and when that element loads. You cannot do anything for 10 seconds and then MM opens and the calendar displays. Could there be a conflict or something?

        Don

        S 1 Reply Last reply Nov 25, 2021, 4:12 PM Reply Quote 0
        • S Offline
          sdetweil @interman
          last edited by Nov 25, 2021, 4:12 PM

          @interman said in Default Calender events center justified - Want left justified:

          You cannot do anything for 10 seconds

          sorry, what does that mean? you can’t move the mouse? or

          what pi is this?

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          I 1 Reply Last reply Nov 25, 2021, 5:16 PM Reply Quote 0
          • I Offline
            interman @sdetweil
            last edited by Nov 25, 2021, 5:16 PM

            @sdetweil before I make the change, MM would start up very quickly and all the modules would load quickly as well.

            Now after the change, MM loads however the calendar module that we just adjusted does not load right away and the entire screen freezes. I move the mouse and I see a dot but I can’t click or change anything and I can’t do any other functions for about 10 to 15 seconds. Then the calendar module that we adjusted loads and then MM becomes free.

            S 1 Reply Last reply Nov 25, 2021, 6:10 PM Reply Quote 0
            • S Offline
              sdetweil @interman
              last edited by Nov 25, 2021, 6:10 PM

              @interman weird. change the class temporarily…

              just add a 1 to the identifier…

              shouldn’t have had any effect really

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • 1 / 1
              1 / 1
              • First post
                4/6
                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