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.

    calendar shading

    Scheduled Pinned Locked Moved Troubleshooting
    3 Posts 3 Posters 476 Views 3 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
      Sceetch
      last edited by

      Hi guys,

      could you please help me out with the settings of calendar module:

      The color of event name is in strong white. Otherside the color of the event time (date) is shaded.
      I want both in strong white.
      How is the command to unify both with same visualization?

      Hope you know what i mean. Take a look on this pic.

      calendar.JPG

      G 1 Reply Last reply Reply Quote 0
      • G Offline
        George @Sceetch
        last edited by

        @sceetch , hi, open “modules” folder, open “MMM-MyCalendar” folder and “MMM-MyCalendar.css”. There you can change the font, color and size settings.

        lavolp3L 1 Reply Last reply Reply Quote 0
        • lavolp3L Offline
          lavolp3 Module Developer @George
          last edited by lavolp3

          @george Sorry George but that’s not the appropriate way to do it.
          Doing that you will mess things up as soon as you want to update the module.

          Every css-thing you want to change, you transfer to custom.css and make your changes there.
          custom.css always overwrites entries in the module css files, so it takes precedence.

          Also I think the calendar module is meant here and not MMM-MyCalendar.

          @Sceetch congrats to the vaccination :-).
          Also, move into the modules/default/calendar folder, look into the calendar.css for any time entries. You will find:

          .calendar .time {
            padding-left: 30px;
            text-align: right;
            vertical-align: top;
          }
          

          Now edit custom.css and add

          .calendar .time {
          
          }
          

          Every entry you make here adds to the above from calendar.css.
          Try to play with this, e.g. by putting in font-wight: bold

          How to troubleshoot modules
          MMM-soccer v2, MMM-AVStock

          1 Reply Last reply Reply Quote 1
          • 1 / 1
          • 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