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

Make a remove header space or overlap two modules

Scheduled Pinned Locked Moved Custom CSS
7 Posts 2 Posters 1.6k 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.
  • H Offline
    halacabullas
    last edited by Mar 15, 2021, 12:53 PM

    @sdetweil i can identify that there is a script for every module, but seems to me,that i can not access to a single module to edit it, they are all clump together (could be mistaken im pretty noob)
    screenshots here

    S 1 Reply Last reply Mar 15, 2021, 3:24 PM Reply Quote 0
    • S Away
      sdetweil @halacabullas
      last edited by sdetweil Mar 15, 2021, 3:44 PM Mar 15, 2021, 3:24 PM

      @halacabullas edit the main.css and comment our cursor:none; in body , like this

      html {
        /*cursor: none; */
        overflow: hidden;
        background: #000;
        user-select: none;
      }
      

      then u can se the mouse over the mm page content

      then ctrl-shift-i, and select the elements tab

      expand the left nav to the region, top, right (in my case), expand, find modules,
      expand, select module, see element tree to right
      add background-color:blue;
      if header still displayed, add change display:block the display :none
      (top right, blue circle)
      (just click in the element ares to edit, add, delete styles)

      middle, red circle is the class tree of the element… rightmost is closest to custom.css

      Screenshot at 2021-03-15 10-20-06.png

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • H Offline
        halacabullas
        last edited by sdetweil Mar 16, 2021, 8:48 PM Mar 16, 2021, 12:10 AM

        @sdetweil If i change the display from block to none. that works. And put everything just where i want it. (I know i have like 0 knowlege about it) but is there a way to save the modified html code? seems like if i close and reopen the mm it’s back to normal.
        Also the edit generates like this kind of code, that i tried to add to the custom css, i tried like this, changing to .module header, and other similar stuff but nothing works
        adjusted.jpg

        S 1 Reply Last reply Mar 16, 2021, 8:02 PM Reply Quote 0
        • S Away
          sdetweil @halacabullas
          last edited by Mar 16, 2021, 8:02 PM

          @halacabullas well, all good except u missed my one step , finding the info for custom.css

          u need the module name and the element class name

          see in the editor view, the stuff circled in green (take off the module_number_, and the ‘module’ prefixes )

          .weatherforecast .module-header {
          display: none !important;
          }

          sometimes u need the force the priority of the style, with !important

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          H 1 Reply Last reply Mar 17, 2021, 12:45 AM Reply Quote 0
          • H Offline
            halacabullas @sdetweil
            last edited by Mar 17, 2021, 12:45 AM

            @sdetweil THAT WAS IT. THANK YOU SO MUCH <3333

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