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.

    MMM-CalendarExt2 - Event Color Fade - Removable?

    Scheduled Pinned Locked Moved Troubleshooting
    2 Posts 1 Posters 546 Views 1 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.
    • E Offline
      Ellings3n
      last edited by

      Greetings :)

      Been tinkering for a few days now to remove the black color fade from my events.

      Screenshot

      Screenshot

      Been changing a lot of custom.css settings without any luck.
      Changing color isn’t the problem but removing the fading effect is. My goal would be to have it with the same opacity as everything else.

      Some help or tip in the right direction would be awesome.

      Here is my settings so far:

      
      .CX2 .period .eventTitle {
      	  white-space:normal;
      }
      
      .CX2 .agenda .eventSub {
             display:none;
      }
      
      .CX2 .daily .fullday .evenTime {
      	display:none;
      }
      
      .CX2 .slot .event {
      	background-color:rgba(0,0,0,0.1);
      	color:white;
      }
      
      .CX2 .slot .slotHeader {
      	background-color:inherit;
      	text-transform:uppercase;
      	font-size:15px;
      	font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;
      	font-weight:400;
      	border-bottom:1px solid #666;
      	line-height:15px;
      	padding-bottom:5px;
      	margin-bottom:10px;
      	color:#999;
      }
      
      .CX2 .today .slotHeader * {
      	color:inherit;
      }
      
      .CX2 .event .fullday {
      	background-color:rgba(0,0,0,0.1);
      	color:white;
      }
      
      .CX2 .slot .slotFooter {
      	display:none;
      }
      
      .CX2 .slot .slotContent {
      	background-color:rgba(0,0,0,0.1);
      }
      
      .CX2 .aktiv {
      	background-color:rgba(0,0,0,0.1);
      	color:white;
      }
      
      .CX2 .mat {
      	background-color:rgba(0,0,0,0.1)
      	color:white;
      }
      
      
      • Ellings3n
      E 1 Reply Last reply Reply Quote 0
      • E Offline
        Ellings3n @Ellings3n
        last edited by

        @ellings3n

        Found the solution:

        Adding the following command to my css config fixed it :)

        background-image:none;
        
        • Ellings3n
        1 Reply Last reply Reply Quote 0
        • 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