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

Move the number in each day of monthly calendar

Scheduled Pinned Locked Moved Custom CSS
3 Posts 2 Posters 363 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.
  • P Offline
    plainbroke
    last edited by Jul 10, 2023, 2:44 AM

    Re: MMM-CalendarExt3
    How do I move the date number to the bottom left or right of the days box. Instead of the upper right, I would like the bottom right.
    I can not figure out what the correct syntax is to do this.

    Help,
    Thank you.

    Slow learner. But trying anyways.

    M 1 Reply Last reply Jul 10, 2023, 5:47 PM Reply Quote 0
    • M Offline
      MMRIZE @plainbroke
      last edited by Jul 10, 2023, 5:47 PM

      @plainbroke
      cx3test.png

      put this into your css/custom.css;

      .CX3 .cell {
        display: flex;
        flex-direction: column;
      }
      
      .CX3 .cell > div {
        order: 1;
      }
      
      .CX3 .cell .cellHeader {
        order: 2;
      }
      
      .CX3 .eventContainer {
        bottom: calc(var(--cellHeaderHeight) + var(--cellFooterHeight));
      }
      
      P 1 Reply Last reply Jul 11, 2023, 1:23 AM Reply Quote 1
      • P Offline
        plainbroke @MMRIZE
        last edited by Jul 11, 2023, 1:23 AM

        @MMRIZE
        Thank you so much. I would have never come to that conclusion.

        Slow learner. But trying anyways.

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