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-CalendarExt3 Formatting questions

    Scheduled Pinned Locked Moved Solved Troubleshooting
    14 Posts 3 Posters 3.4k 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
      sdetweil @Studio472
      last edited by

      @Studio472 see the doc

      https://docs.magicmirror.builders/modules/customcss.html

      an entry is

      .modulename selector_clause {
           style-settings;
      }
      

      so, typically

      .MMM-CalendarExt3  ???? {
         color: black;
      }
      

      but he doesn’t follow the rules, so his prefix is
      .CX3 instead of .MMM-CalendarExt3

      I use this for building the selector clause
      https://www.w3schools.com/cssref/css_selectors.php

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      M 1 Reply Last reply Reply Quote 0
      • M Offline
        MMRIZE @sdetweil
        last edited by

        @sdetweil said in MMM-CalendarExt3 Formatting questions:

        .CX3 instead of .MMM-CalendarExt3

        Of course, .MMM-CalendarExt3 instead of .CX3 would work with the same priority. I just want to type less. :D

        .MMM-CalendarExt3 .event .title { ... } /* specificity: 0-3-0 */
        

        and

        .CX3 .event .title { ... } /* specificity: 0-3-0 */
        

        both would have the same priority(specificity), so anything would be ok.

        1 Reply Last reply Reply Quote 0
        • M Offline
          MMRIZE @Studio472
          last edited by

          @Studio472 said in MMM-CalendarExt3 Formatting questions:

          @sdetweil Didn’t realize it wasn’t part of the module css. I’m assuming this takes precedence over code in the individual module css files?

          custom.css
          color: blue

          calendarext3.css
          color: black

          Is the color black or blue?

          blue (while both selectors have the same specificity)

          1 Reply Last reply Reply Quote 0
          • M Offline
            MMRIZE @Studio472
            last edited by

            @Studio472 said in MMM-CalendarExt3 Formatting questions:

            @MMRIZE This did not work for me. However, I was able to find the code in the css file and comment out the style that inserted the icon/symbol.

            I don’t have a ‘custom.css’ file. Are you referring to the “MMM-CalendarExt3.css” file?

            By default, when you install MM first, the custom.css doesn’t exist. You have to copy or create one. There is custom.css.sample in css directory. Copy or Rename it.
            The Installer script of @sdetweil will do that automatically.

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