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 914 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.
    • Y Offline
      yeleek
      last edited by

      Hi,
      I am using MMM-pages and MMM-page-indicator. I’d like on one of my pages the calendar to be larger than just one third. Ideally the calendar would take up the Upper, Middle and Lower third.

      How can i do this please? Is it custom.css? or is the change more fundamental than that?

      Thanks in advance

      S 1 Reply Last reply Reply Quote 0
      • S Away
        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 Away
            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 Away
              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