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

is custom.css only for default modules?

Scheduled Pinned Locked Moved Development
13 Posts 4 Posters 2.8k Views 4 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 Away
    sdetweil @ShuraimHassan
    last edited by sdetweil Oct 12, 2020, 8:09 PM Oct 12, 2020, 8:05 PM

    @ShuraimHassan each module provides a block of html in a div wrapper.
    the MM runtime positions the block of content where u configured it. (see index.html for the layout)

    you can also use javascript api calls to create the content that is returned to MM on the getDom() routine.

    i would say probably >95% of the MM implementations are output only … (as its a ‘mirror’ hanging on the wall, probably 95% of the other 5% are voice based

    as many are behind shaded glass, the cool color front ends don’t display well, and aren’t particularly helpful to this kind of environment… …

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    S 1 Reply Last reply Oct 13, 2020, 5:55 PM Reply Quote 0
    • S Offline
      ShuraimHassan @sdetweil
      last edited by Oct 13, 2020, 5:55 PM

      @sdetweil could you show me an Example that how Can I do this? Thanks in Advance

      S 2 Replies Last reply Oct 13, 2020, 6:40 PM Reply Quote 0
      • S Offline
        ShuraimHassan
        last edited by Oct 13, 2020, 5:57 PM

        Actually I want to resize of all 3rd party components and Make Responsive of all types of Devices as like Mobile , Tablet , Laptop , PC ETC. . .

        1 Reply Last reply Reply Quote 0
        • S Away
          sdetweil @ShuraimHassan
          last edited by Oct 13, 2020, 6:40 PM

          @ShuraimHassan see this
          https://forum.magicmirror.builders/topic/6808/css-101-getting-started-with-css-and-understanding-how-css-works?_=1602611995137

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • S Away
            sdetweil @ShuraimHassan
            last edited by sdetweil Oct 13, 2020, 8:31 PM Oct 13, 2020, 8:08 PM

            @ShuraimHassan said in is custom.css only for default modules?:

            could you show me an Example that how Can I do this?

            do what? make a module, add a css style to an element?

            I don’t know ‘responsive’. currently main.css is in pixels for 1920x1080.

            I have a version I converted to vh/vw.

            3rd party. mm supplies font_awesome.
            (see the fonts folder)
            other than that every module can use whatever they want. no restrictions.

            Sam

            How to add modules

            learning how to use browser developers window for css changes

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