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

MMM-CalendarExt3 Formatting questions

Scheduled Pinned Locked Moved Solved Troubleshooting
14 Posts 3 Posters 3.3k 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
    Studio472 @MMRIZE
    last edited by May 5, 2023, 2:19 PM

    @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?

    S M 2 Replies Last reply May 5, 2023, 2:22 PM Reply Quote 0
    • S Offline
      sdetweil @Studio472
      last edited by May 5, 2023, 2:22 PM

      @Studio472 said in MMM-CalendarExt3 Formatting questions:

      I don’t have a ‘custom.css’ file. Are

      create one

      touch ~/MagicMirror/css/custom.css

      if you had used my install script, it would have done this for you, see
      https://github.com/sdetweil/MagicMirror_scripts

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      S 1 Reply Last reply May 5, 2023, 2:26 PM Reply Quote 0
      • S Offline
        Studio472 @MMRIZE
        last edited by May 5, 2023, 2:23 PM

        @MMRIZE I’m not sure the solution, I agree it’s not as pretty, but at least it is informative. Maybe I just need to un-bold my font to make better use of the space.

        I am curious how you get the baseball icons in the event title. When I tried changing the icons, very few actually worked.

        1 Reply Last reply Reply Quote 0
        • S Offline
          Studio472 @sdetweil
          last edited by May 5, 2023, 2:26 PM

          @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?

          S M 2 Replies Last reply May 5, 2023, 2:31 PM Reply Quote 0
          • S Offline
            Studio472 @MMRIZE
            last edited by May 5, 2023, 2:31 PM

            @MMRIZE I should have said, ‘2 lines when necessary’. I agree it’s goofy on all events. Another idea is some kind of separator to distinguish 2-line events, make them easier to read.

            1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @Studio472
              last edited by May 5, 2023, 2:31 PM

              @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 May 5, 2023, 2:55 PM Reply Quote 0
              • M Offline
                MMRIZE @sdetweil
                last edited by May 5, 2023, 2:55 PM

                @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 May 5, 2023, 2:56 PM

                  @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 May 5, 2023, 2:59 PM

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