<![CDATA[Adding new region positions top_center1 and top_center2]]>I use my magic mirror in landscape format. And I two place four modules side by side. My idea was to divide the top_center position in two.

Therefore I added new region definitions in the custom.css:

.region.top.center1 {
  left: 33%;
  -moz-transform: translateX(-33%);
  -o-transform: translateX(-33%);
  -webkit-transform: translateX(-33%);
  -ms-transform: translateX(-33%);
  transform: translateX(-33%);
}

.region.top.center2 {
  left: 60%;
  -moz-transform: translateX(-33%);
  -o-transform: translateX(-33%);
  -webkit-transform: translateX(-33%);
  -ms-transform: translateX(-33%);
  transform: translateX(-33%);
}

.region.top.center1,
.region.top.center2 {
  top: 100%;
}

And use in the config.js

module: 'MMM-Fuel',
position: 'top_center1', 
config: {

Of course, this doesn’t work. I read something, about a region class definition. But I didn’t found, what else I have to do. Any ideas what is missing?

]]>https://forum.magicmirror.builders/topic/2128/adding-new-region-positions-top_center1-and-top_center2RSS for NodeMon, 13 Apr 2026 12:10:05 GMTWed, 22 Mar 2017 20:58:07 GMT60<![CDATA[Reply to Adding new region positions top_center1 and top_center2 on Wed, 03 May 2017 15:19:39 GMT]]>@zeular Yeah, that’s the way I did it too.

]]>https://forum.magicmirror.builders/post/21086https://forum.magicmirror.builders/post/21086Wed, 03 May 2017 15:19:39 GMT<![CDATA[Reply to Adding new region positions top_center1 and top_center2 on Wed, 03 May 2017 13:30:57 GMT]]>@sindbad6 said in Adding new region positions top_center1 and top_center2:

@yawns : Thanks a lot, that’s it. Now it works.

Hi
I can’t get it to work, what did you do in the index.html? My modules shows up and then dissapears…

EDIT: Got it! If someone else want to know:

		div class="region top center"><div class="container"></div></div>
		div class="region top center1"><div class="container"></div></div>
		div class="region top center2"><div class="container"></div></div>
		div class="region top right"><div class="container"></div></div>
]]>https://forum.magicmirror.builders/post/21079https://forum.magicmirror.builders/post/21079Wed, 03 May 2017 13:30:57 GMT<![CDATA[Reply to Adding new region positions top_center1 and top_center2 on Wed, 22 Mar 2017 21:11:06 GMT]]>@yawns : Thanks a lot, that’s it. Now it works.

]]>https://forum.magicmirror.builders/post/18057https://forum.magicmirror.builders/post/18057Wed, 22 Mar 2017 21:11:06 GMT<![CDATA[Reply to Adding new region positions top_center1 and top_center2 on Wed, 22 Mar 2017 21:01:14 GMT]]>I never tried, but I guess you need to edit index.html located in MagicMirror root folder to define the new regions

]]>https://forum.magicmirror.builders/post/18056https://forum.magicmirror.builders/post/18056Wed, 22 Mar 2017 21:01:14 GMT