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

calendar shading

Scheduled Pinned Locked Moved Troubleshooting
3 Posts 3 Posters 485 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 May 2, 2021, 6:03 AM

    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 May 2, 2021, 8:21 AM Reply Quote 0
    • G Offline
      George @Sceetch
      last edited by May 2, 2021, 8:21 AM

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

      L 1 Reply Last reply May 3, 2021, 6:16 PM Reply Quote 0
      • L Offline
        lavolp3 Module Developer @George
        last edited by lavolp3 May 3, 2021, 6:18 PM May 3, 2021, 6:16 PM

        @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
        1 / 1
        • First post
          1/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