<?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[Make a remove header space or overlap two modules]]></title><description><![CDATA[<p dir="auto">Hi.<br />
I have been searching a lot in the forum, and i know this already have been discused several times, the thing is that i am able to hidde a module header, but i’m can not get this space to be removed. So is there a way for this space to be removed, or at least be overlaped by other module?<br />
<img src="/assets/uploads/files/1615804351115-captura-de-pantalla-187.png" alt="Captura de pantalla (187).png" class=" img-fluid img-markdown" />.<br />
This is the actual custom css i’m using. All the code was found in the found forum, my knowledge about coding is 0 (i can understand it, but no idea of actual coding)</p>
<pre><code>	.weatherforecast .module-header { 
	visibility: hidden; 
	}
	.currentweather {
     background-color:rgba(0,0,0,0.1);
     border-radius:10px 10px 0px;
     padding:4px;
     margin-bottom:0px;
	}
			.weatherforecast {
     background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0));
     border-radius:0px 0px 10px;
     padding:4px;
	}
	.currentweather { background-color:rgba(0, 0, 255, 1);
	opacity: 0.6;
	}
	.weatherforecast { background-color:rgba(0, 255, 0, 1);
	opacity: 0.6;
	}
</code></pre>
<p dir="auto">i have tried display: none; instead of: visibility: hidden; but didn’t work out.</p>
]]></description><link>https://forum.magicmirror.builders/topic/14782/make-a-remove-header-space-or-overlap-two-modules</link><generator>RSS for Node</generator><lastBuildDate>Tue, 09 Jun 2026 18:36:12 GMT</lastBuildDate><atom:link href="https://forum.magicmirror.builders/topic/14782.rss" rel="self" type="application/rss+xml"/><pubDate>Mon, 15 Mar 2021 10:37:01 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Make a remove header space or overlap two modules on Wed, 17 Mar 2021 00:45:36 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sdetweil" aria-label="Profile: sdetweil">@<bdi>sdetweil</bdi></a> THAT WAS IT. THANK YOU SO MUCH &lt;3333</p>
]]></description><link>https://forum.magicmirror.builders/post/89573</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/89573</guid><dc:creator><![CDATA[halacabullas]]></dc:creator><pubDate>Wed, 17 Mar 2021 00:45:36 GMT</pubDate></item><item><title><![CDATA[Reply to Make a remove header space or overlap two modules on Tue, 16 Mar 2021 20:02:37 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/halacabullas" aria-label="Profile: halacabullas">@<bdi>halacabullas</bdi></a> well, all good except u missed my one step , finding the info for custom.css</p>
<p dir="auto">u need the module name and the element class name</p>
<p dir="auto">see in the editor view, the stuff circled in green  (take off the module_number_, and the ‘module’ prefixes )</p>
<p dir="auto">.weatherforecast .module-header {<br />
display: none !important;<br />
}</p>
<p dir="auto">sometimes u need the force the priority of the style, with !important</p>
]]></description><link>https://forum.magicmirror.builders/post/89555</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/89555</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Tue, 16 Mar 2021 20:02:37 GMT</pubDate></item><item><title><![CDATA[Reply to Make a remove header space or overlap two modules on Tue, 16 Mar 2021 20:48:43 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sdetweil" aria-label="Profile: sdetweil">@<bdi>sdetweil</bdi></a> 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.<br />
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<br />
<img src="/assets/uploads/files/1615927721454-adjusted.jpg" alt="adjusted.jpg" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forum.magicmirror.builders/post/89514</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/89514</guid><dc:creator><![CDATA[halacabullas]]></dc:creator><pubDate>Tue, 16 Mar 2021 20:48:43 GMT</pubDate></item><item><title><![CDATA[Reply to Make a remove header space or overlap two modules on Mon, 15 Mar 2021 15:44:05 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/halacabullas" aria-label="Profile: halacabullas">@<bdi>halacabullas</bdi></a> edit the main.css and comment our cursor:none; in body , like this</p>
<pre><code>html {
  /*cursor: none; */
  overflow: hidden;
  background: #000;
  user-select: none;
}
</code></pre>
<p dir="auto">then u can se the mouse over the mm page content</p>
<p dir="auto">then ctrl-shift-i, and select the elements tab</p>
<p dir="auto">expand the left nav to the region, top, right (in my case), expand, find modules,<br />
expand, select module, see element tree to right<br />
add background-color:blue;<br />
if header still displayed, add change display:block the display :none<br />
(top right, blue circle)<br />
(just click in the element ares to edit, add, delete styles)</p>
<p dir="auto">middle, red circle is the class tree of the element… rightmost is closest to custom.css</p>
<p dir="auto"><img src="/assets/uploads/files/1615822979157-screenshot-at-2021-03-15-10-20-06.png" alt="Screenshot at 2021-03-15 10-20-06.png" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forum.magicmirror.builders/post/89508</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/89508</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Mon, 15 Mar 2021 15:44:05 GMT</pubDate></item><item><title><![CDATA[Reply to Make a remove header space or overlap two modules on Mon, 15 Mar 2021 12:53:19 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sdetweil" aria-label="Profile: sdetweil">@<bdi>sdetweil</bdi></a> 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)<br />
<a href="https://imgur.com/a/KJjoM6K" target="_blank" rel="noopener noreferrer nofollow ugc">screenshots here</a></p>
]]></description><link>https://forum.magicmirror.builders/post/89506</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/89506</guid><dc:creator><![CDATA[halacabullas]]></dc:creator><pubDate>Mon, 15 Mar 2021 12:53:19 GMT</pubDate></item><item><title><![CDATA[Reply to Make a remove header space or overlap two modules on Mon, 15 Mar 2021 11:46:09 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/halacabullas" aria-label="Profile: halacabullas">@<bdi>halacabullas</bdi></a> can u identify the element in the developers window? ctrl-shift-i, elements tab,<br />
then use the pointer as I suggested on discord.</p>
<p dir="auto">then edit  it’s styles.</p>
]]></description><link>https://forum.magicmirror.builders/post/89505</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/89505</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Mon, 15 Mar 2021 11:46:09 GMT</pubDate></item></channel></rss>