<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[MMM-Calendar Position]]></title><description><![CDATA[<p dir="auto">Hey guys,<br />
i want to chnge the position of my calendar.<br />
I changed the position of the clock and it works fine, but the calendar keeps loading at the same place.</p>
<p dir="auto">How can i fix this?</p>
]]></description><link>https://forum.magicmirror.builders/topic/11865/mmm-calendar-position</link><generator>RSS for Node</generator><lastBuildDate>Thu, 18 Jun 2026 05:28:05 GMT</lastBuildDate><atom:link href="https://forum.magicmirror.builders/topic/11865.rss" rel="self" type="application/rss+xml"/><pubDate>Fri, 27 Dec 2019 17:03:00 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to MMM-Calendar Position on Fri, 27 Dec 2019 21:37:55 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/rastaa" aria-label="Profile: rastaa">@<bdi>rastaa</bdi></a></p>
<blockquote>
<p dir="auto">I just want the whole calendar to be 100px more to the right.</p>
</blockquote>
<p dir="auto">In that case, assuming you mean the default “calendar” module, these values should move the entire module. Adjust to your liking in the custom.css file.</p>
<pre><code>.calendar {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

</code></pre>
]]></description><link>https://forum.magicmirror.builders/post/66692</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/66692</guid><dc:creator><![CDATA[Mykle1]]></dc:creator><pubDate>Fri, 27 Dec 2019 21:37:55 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-Calendar Position on Fri, 27 Dec 2019 17:26:24 GMT]]></title><description><![CDATA[<p dir="auto">thank you very much :)</p>
<p dir="auto">I am a newbie, sorry for that.</p>
<p dir="auto">So i have to add all 4 classes in the custom.css and add some pixles ?</p>
<p dir="auto">I just want the whole calendar to be 100px more to the right.</p>
]]></description><link>https://forum.magicmirror.builders/post/66680</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/66680</guid><dc:creator><![CDATA[rastaa]]></dc:creator><pubDate>Fri, 27 Dec 2019 17:26:24 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-Calendar Position on Fri, 27 Dec 2019 17:16:08 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/rastaa" aria-label="Profile: rastaa">@<bdi>rastaa</bdi></a> so, there are 2 position settings…</p>
<p dir="auto">in config.js is the gross position</p>
<p dir="auto">in custom .css is smaller adjustments from there…</p>
<p dir="auto">also, not every module has a BIG definition… calendar has 4</p>
<p dir="auto">from readme</p>
<pre><code>symbolClass	Add a class to the cell of symbol.
titleClass	Add a class to the title's cell.
timeClass	Add a class to the time's cell.
tableClass
</code></pre>
<p dir="auto">this last one YOU need to name in the config.js<br />
and then USE in the custom.css</p>
<p dir="auto">you can also use the module position</p>
<pre><code>as shown in index.html
</code></pre>
<pre><code>	&lt; div class="region fullscreen below"&gt;&lt; div class="container"&gt;&lt; /div&gt;&lt; /div&gt;
	&lt; div class="region top bar"&gt;
		&lt; div class="container"&gt;&lt; /div&gt;
		&lt; div class="region top left"&gt;&lt; div class="container"&gt;&lt; /div&gt;&lt; /div&gt;
		&lt; div class="region top center"&gt;&lt;d iv class="container"&gt;&lt; /div&gt;&lt; /div&gt;
		&lt; div class="region top right"&gt;&lt; div class="container"&gt;&lt; /div&gt;&lt; /div&gt;
	&lt; /div&gt;
	&lt; div class="region upper third"&gt;&lt;div class="container"&gt;&lt; /div&gt;&lt; /div&gt;
	&lt; div class="region middle center"&gt;&lt;div class="container"&gt;&lt; /div&gt;&lt; /div&gt;
	&lt; div class="region lower third"&gt;&lt;div class="container"&gt;&lt; br/&gt;&lt; /div&gt;&lt; /div&gt;
	&lt; div class="region bottom bar"&gt;
		&lt; div class="container"&gt;&lt; /div&gt;
		&lt; div class="region bottom left"&gt;&lt; div class="container"&gt;&lt; /div&gt;&lt; /div&gt;
		&lt; div class="region bottom center"&gt;&lt;  div class="container"&gt;&lt; /div&gt;&lt; /div&gt;
		&lt; div class="region bottom right"&gt;&lt; div class="container"&gt;&lt; /div&gt;&lt; /div&gt;
	&lt; /div&gt;
	&lt; div class="region fullscreen above"&gt;&lt; div class="container"&gt;&lt; /div&gt;&lt; /div&gt;
</code></pre>
<p dir="auto">the space in the names is replaced by an underscore when u use it in config.js<br />
bottom center = bottom_center</p>
]]></description><link>https://forum.magicmirror.builders/post/66679</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/66679</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Fri, 27 Dec 2019 17:16:08 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-Calendar Position on Fri, 27 Dec 2019 17:07:55 GMT]]></title><description><![CDATA[<p dir="auto">i edited the custom.css file:</p>
<p dir="auto">.clock{<br />
position: relative;<br />
left: 100px;<br />
top: 20px;<br />
}</p>
<p dir="auto">.calendar{<br />
position: relative;<br />
left: 100px;<br />
top: 100px;<br />
}</p>
<p dir="auto">I changed the pixlenumbers often and nothing changed. The clock works perfectly</p>
]]></description><link>https://forum.magicmirror.builders/post/66678</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/66678</guid><dc:creator><![CDATA[rastaa]]></dc:creator><pubDate>Fri, 27 Dec 2019 17:07:55 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-Calendar Position on Fri, 27 Dec 2019 17:04:25 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/rastaa" aria-label="Profile: rastaa">@<bdi>rastaa</bdi></a> tell us more… show us the config setting</p>
]]></description><link>https://forum.magicmirror.builders/post/66677</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/66677</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Fri, 27 Dec 2019 17:04:25 GMT</pubDate></item></channel></rss>