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.

    Large content on MMM-pages

    Scheduled Pinned Locked Moved Troubleshooting
    6 Posts 3 Posters 1.1k 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 @yeleek
      last edited by

      @yeleek you have to have another instance for that ‘page’ , even with the same config. but then its custom.css

      u can also use the identifier as a css selector

      to get the indentifier, look in the developer window, elements tab…
      https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1625967557753

      note that there are not different ‘pages’ inside MM… just modules showing and not…

      the identifier is set by the order in which the modules are processed in config.js top to bottom…

      so the indentifier will stay the same as long as u change config.js below the selected module…

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 1
      • D Offline
        DJBOOB66
        last edited by

        If you’re saying cal on full screen and you’re using CalendarExt all I think I did was make a copy of MMM-CalendarExt2.css rename it as backup (just in case things don’t work) go into MMM-CalendarExt2.css file find

        .CX2 .view { /* normal view */
          width:250%;
          display:flex;
          min-width:300px;
        

        and change width my 250%
        You may need to just adjust also

        .CX2 { /* default values which are used frequently or dependently */
          --row-min-width: 100px;
          --row-max-width: 1000px;
          --column-min-width: 50px;
          --column-max-width: 600px;
          --font-size: 16px;
        

        and have it in

        position: "top_left",
        
        S 2 Replies Last reply Reply Quote 1
        • S Offline
          sdetweil @DJBOOB66
          last edited by sdetweil

          @djboob66 he only wants on ONE ‘page’ of the MMM-Pages presentation
          regular size on others

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 1
          • S Offline
            sdetweil @DJBOOB66
            last edited by

            @djboob66 said in Large content on MMM-pages:

            I did was make a copy of MMM-CalendarExt2.css rename it as backup (just in case things don’t work) go into MMM-CalendarExt2.css file find

            also, the design of the system is that you NEVER edit the module supplied files…
            for CSS u put the entries in the custom.css file

            the design is

            custom.css first
            module supplied css
            main.css last
            

            use the 1st found

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 1
            • Y Offline
              yeleek
              last edited by

              Many thanks guys. Will take a look.

              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