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.

    CSS Order of execution

    Scheduled Pinned Locked Moved Development
    4 Posts 2 Posters 849 Views 2 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.
    • buzzkcB Offline
      buzzkc
      last edited by

      I was just finishing up a new module and noticed other modules I had loaded weren’t looking quite right. Turns out my new module had a .title class that was adjusting the font size. Upon inspection in dev console the .title for other modules that had loaded prior to my new module were using my new module’s .title class.

      Just thought it was worth mentioning that the custom css for modules can affect other modules in the event someone else is seeing css issues if your using common class names.

      Darren

      My Build: https://forum.magicmirror.builders/topic/11153/new-non-mirror

      S 1 Reply Last reply Reply Quote 1
      • S Away
        sdetweil @buzzkc
        last edited by

        @buzzkc that is why u prefix any names with your module name to restrict your settings to your module

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 2
        • buzzkcB Offline
          buzzkc
          last edited by

          Yup, learning that. I had used someone else’s example and determined that wasn’t the correct way. I figured it’s worth admitting one’s mistakes as well as accomplishments. ;-)

          Darren

          My Build: https://forum.magicmirror.builders/topic/11153/new-non-mirror

          S 1 Reply Last reply Reply Quote 2
          • S Away
            sdetweil @buzzkc
            last edited by

            @buzzkc great thanks… I always thought that custom.css was a bad idea… every module should supply their own file as the getStyles() function provides the mechanism.

            Sam

            How to add modules

            learning how to use browser developers window for css changes

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