<?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[Custom CSS]]></title><description><![CDATA[Make your mirror your own but modifying its appearance.]]></description><link>https://forum.magicmirror.builders/category/8</link><generator>RSS for Node</generator><lastBuildDate>Sat, 16 May 2026 23:06:09 GMT</lastBuildDate><atom:link href="https://forum.magicmirror.builders/category/8.rss" rel="self" type="application/rss+xml"/><pubDate>Wed, 29 Apr 2026 20:31:09 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Apply color to future events in CalendarExt3]]></title><description><![CDATA[@KristjanESPERANTO I don’t run ext3 all the time, just to test. But this is such a core value.  I think because of the ext modules color and symbol were added to the broadcast data
Lots of features are turned on by default, week number, blah blah, and use css to turn them off.
This seems simple to be default and hard for others to do ( witness wasted time here and another
]]></description><link>https://forum.magicmirror.builders/topic/20228/apply-color-to-future-events-in-calendarext3</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/20228/apply-color-to-future-events-in-calendarext3</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Wed, 29 Apr 2026 20:31:09 GMT</pubDate></item><item><title><![CDATA[MMM-GoogleSheets can be made transparent!]]></title><description><![CDATA[In case anyone finds this in the future, this behavior is actually natively supported with the cellStyle option set to flat. From the documentation:
flat - No styling applied. Data is shown in default MM styling

The default for this option is mimic which copies exactly what you have in your existing sheet. If you didn’t want to use flat, you could still use mimic but change your sheet to match the MM (background color black, text color #fff, #666, or #999).
If use the custom css be aware that it will have undefined behavior if you try to change other options in the future.
Thanks for using the module!
]]></description><link>https://forum.magicmirror.builders/topic/20135/mmm-googlesheets-can-be-made-transparent</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/20135/mmm-googlesheets-can-be-made-transparent</guid><dc:creator><![CDATA[ryandwilliams]]></dc:creator><pubDate>Wed, 04 Mar 2026 01:25:56 GMT</pubDate></item><item><title><![CDATA[How can I create a new position?]]></title><description><![CDATA[@Wilack or you try this module.
MMM-GlobalPositioner
I did it a while ago. It is okay if the modules are not much floating in their size.
]]></description><link>https://forum.magicmirror.builders/topic/20001/how-can-i-create-a-new-position</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/20001/how-can-i-create-a-new-position</guid><dc:creator><![CDATA[chrisfr1976]]></dc:creator><pubDate>Thu, 27 Nov 2025 07:06:26 GMT</pubDate></item><item><title><![CDATA[Tell MM to not use a part of a screen ?]]></title><description><![CDATA[Hi all !
I’ve been using MM for quite many years now without any issues.
However, my old 4:3 montor used in my MM is dying and I need to replace it with something newer and brighter.
As can be seen in the attached image, the current monitor is covering the area marked with the orange box and the new monitor will cover the green box.
Is there some clever way to use CSS (or another way) to tell MM to not use the part of the new screen where the red box is ?
(And yes, the upper narrow rectangle glass is also prepared to be used with a screen.)
[image: 1762396385667-mymirror.png]
Cheers and TIA !
/Mathias
]]></description><link>https://forum.magicmirror.builders/topic/19959/tell-mm-to-not-use-a-part-of-a-screen</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19959/tell-mm-to-not-use-a-part-of-a-screen</guid><dc:creator><![CDATA[TokTias]]></dc:creator><pubDate>Thu, 06 Nov 2025 02:35:33 GMT</pubDate></item><item><title><![CDATA[MMM-OpenweatherForecast]]></title><description><![CDATA[@bradley1982 from the module readme
Styling
This module is set to be 320px wide by default. If you wish to override it, you can add the following to your custom.css file:

.MMM-OpenWeatherForecast .module-content {
  width: 500px; /* adjust this as desired */
}
Most important elements of this module have one or more class names applied. Examine the MMM-OpenWeatherForecast.css, mmm-openweather-forecast.njk, or inspect elements directly with your browser of choice to determine what class you would like to override (Pro tip: If you start MagicMirror with npm start dev you'll get Chrome dev tools that will allow you to directly inspect any HTML element in the module).

]]></description><link>https://forum.magicmirror.builders/topic/19838/mmm-openweatherforecast</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19838/mmm-openweatherforecast</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Sun, 17 Aug 2025 11:27:40 GMT</pubDate></item><item><title><![CDATA[Bottom sections: align top?]]></title><description><![CDATA[@UncleRoger the thing todo is add a background  color to the positions/regions to figure out where they are
From the doc
https://docs.magicmirror.builders/modules/configuration.html#position
]]></description><link>https://forum.magicmirror.builders/topic/19833/bottom-sections-align-top</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19833/bottom-sections-align-top</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Fri, 15 Aug 2025 23:27:13 GMT</pubDate></item><item><title><![CDATA[Css error in Main.css?]]></title><description><![CDATA[@BKeyport i went back and looked at my top_center example, a 3x2 grid
.region.top.center .container {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: repeat(2,1fr);
        gap:10px;
}

and added modules and get them in rows… as expected
but top center is not full screen width
with middle_center, grid and pages, things get nutty… the grid positions are consumed even when the module in the grid is not shown
]]></description><link>https://forum.magicmirror.builders/topic/19783/css-error-in-main.css</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19783/css-error-in-main.css</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Mon, 21 Jul 2025 02:00:10 GMT</pubDate></item><item><title><![CDATA[Error on loading .css]]></title><description><![CDATA[@karsten13
That did the trick! Thanks.
KR,
Bert
]]></description><link>https://forum.magicmirror.builders/topic/19771/error-on-loading-.css</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19771/error-on-loading-.css</guid><dc:creator><![CDATA[bdeelman]]></dc:creator><pubDate>Fri, 11 Jul 2025 18:51:46 GMT</pubDate></item><item><title><![CDATA[mumblebaj MMM-WOTD  fonts]]></title><description><![CDATA[@mumblebaj
Well I got everything So we can read them now.
Thank you.
]]></description><link>https://forum.magicmirror.builders/topic/19730/mumblebaj-mmm-wotd-fonts</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19730/mumblebaj-mmm-wotd-fonts</guid><dc:creator><![CDATA[plainbroke]]></dc:creator><pubDate>Tue, 10 Jun 2025 01:47:35 GMT</pubDate></item><item><title><![CDATA[MMM-PirateSkyForecast Font resizing HELP.]]></title><description><![CDATA[@sdetweil
That explains it.
Never being opened would mean duh can’t close it…
Thank you for your explanation…
]]></description><link>https://forum.magicmirror.builders/topic/19724/mmm-pirateskyforecast-font-resizing-help.</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19724/mmm-pirateskyforecast-font-resizing-help.</guid><dc:creator><![CDATA[plainbroke]]></dc:creator><pubDate>Sat, 07 Jun 2025 01:22:27 GMT</pubDate></item><item><title><![CDATA[Clock Module - Adjust light time to avoid line break]]></title><description><![CDATA[@dathbe this is a cool idea!
Thanks.
Ralf
]]></description><link>https://forum.magicmirror.builders/topic/19705/clock-module-adjust-light-time-to-avoid-line-break</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19705/clock-module-adjust-light-time-to-avoid-line-break</guid><dc:creator><![CDATA[rkorell]]></dc:creator><pubDate>Tue, 27 May 2025 08:25:07 GMT</pubDate></item><item><title><![CDATA[Help with a flexbox item that is not aligning.]]></title><description><![CDATA[@bobbylx it took me a few(hundred) tries too…
]]></description><link>https://forum.magicmirror.builders/topic/19660/help-with-a-flexbox-item-that-is-not-aligning.</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19660/help-with-a-flexbox-item-that-is-not-aligning.</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Wed, 07 May 2025 18:36:02 GMT</pubDate></item><item><title><![CDATA[CSS modifications on a module which has no own css styles?]]></title><description><![CDATA[@rkorell hm… only other thing  is MM is case sensitive… css class names too
you got it tho
]]></description><link>https://forum.magicmirror.builders/topic/19559/css-modifications-on-a-module-which-has-no-own-css-styles</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19559/css-modifications-on-a-module-which-has-no-own-css-styles</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Sun, 23 Mar 2025 18:37:11 GMT</pubDate></item><item><title><![CDATA[MMM-OpenWeatherForecast... CSS]]></title><description><![CDATA[@BKeyport not me. I just tried what Google search results suggested
Key item the style was on the span, not the img
]]></description><link>https://forum.magicmirror.builders/topic/19534/mmm-openweatherforecast...-css</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19534/mmm-openweatherforecast...-css</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Sat, 15 Mar 2025 00:14:30 GMT</pubDate></item><item><title><![CDATA[Digital Clock minutes darker]]></title><description><![CDATA[@alfi153 i will submit something for permanent support
I have added
https://github.com/MagicMirrorOrg/MagicMirror/pull/3737
]]></description><link>https://forum.magicmirror.builders/topic/19440/digital-clock-minutes-darker</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19440/digital-clock-minutes-darker</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Fri, 14 Feb 2025 15:05:44 GMT</pubDate></item><item><title><![CDATA[Needing help with Regions please]]></title><description><![CDATA[@Xsoldier2000 yeh, the dev window has a lot of content
]]></description><link>https://forum.magicmirror.builders/topic/19434/needing-help-with-regions-please</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19434/needing-help-with-regions-please</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Thu, 13 Feb 2025 18:51:14 GMT</pubDate></item><item><title><![CDATA[How to turn compliments blue?]]></title><description><![CDATA[That worked great!  Thank you so much for taking the time to answer my question.
]]></description><link>https://forum.magicmirror.builders/topic/19424/how-to-turn-compliments-blue</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19424/how-to-turn-compliments-blue</guid><dc:creator><![CDATA[raspberrypi9]]></dc:creator><pubDate>Tue, 11 Feb 2025 03:03:31 GMT</pubDate></item><item><title><![CDATA[MMM-CalendarExt3 Resize module]]></title><description><![CDATA[@megagprime try this
module
position:"bottom_left",

no custom.css setting
[image: 1775784183168-screenshot-at-2026-04-09-20-22-39-resized.png]
custom.css
.MMM-CalendarExt3 .module-content {
    width:175%;
}

adjust % as you need
[image: 1775784059927-screenshot-at-2026-04-09-20-18-22-resized.png]
]]></description><link>https://forum.magicmirror.builders/topic/19396/mmm-calendarext3-resize-module</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19396/mmm-calendarext3-resize-module</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Fri, 31 Jan 2025 23:11:21 GMT</pubDate></item><item><title><![CDATA[How to modify my MMM-CalendarExt3?]]></title><description><![CDATA[@etnec the default calendar provides the events for the Ext3 family of modules
just add another
{
  url: ....
}

entry to the calendars:[]
list
]]></description><link>https://forum.magicmirror.builders/topic/19383/how-to-modify-my-mmm-calendarext3</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19383/how-to-modify-my-mmm-calendarext3</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Tue, 28 Jan 2025 18:19:14 GMT</pubDate></item><item><title><![CDATA[enhancing Text Readability on Bright Wallpapers: Adding Background Textures or Boxes with CSS?]]></title><description><![CDATA[@Socrates sometimes the blur is top and bottom
[image: 1734569324685-screenshot-at-2024-12-18-18-47-45-resized.jpg]
]]></description><link>https://forum.magicmirror.builders/topic/19222/enhancing-text-readability-on-bright-wallpapers-adding-background-textures-or-boxes-with-css</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19222/enhancing-text-readability-on-bright-wallpapers-adding-background-textures-or-boxes-with-css</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Wed, 18 Dec 2024 06:18:15 GMT</pubDate></item><item><title><![CDATA[MMM-CalendarExt3 How can I increase my cell height?]]></title><description><![CDATA[@sdetweil said in MMM-CalendarExt3 How can I increase my cell height?:

@Ragged4310 you didn’t change event-height or total height
You could use the css media screen value to get the screen size to adjust

Thanks for the advice. I solved my problem when I tweaked my display by adding more event lines and a legend so I didn’t end up needing to mess with the CSS.
]]></description><link>https://forum.magicmirror.builders/topic/19199/mmm-calendarext3-how-can-i-increase-my-cell-height</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19199/mmm-calendarext3-how-can-i-increase-my-cell-height</guid><dc:creator><![CDATA[Ragged4310]]></dc:creator><pubDate>Fri, 06 Dec 2024 01:19:43 GMT</pubDate></item><item><title><![CDATA[custom]]></title><description><![CDATA[@piki what??? was this a continued post?
show your custom.css entry
]]></description><link>https://forum.magicmirror.builders/topic/19153/custom</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19153/custom</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Tue, 19 Nov 2024 16:18:53 GMT</pubDate></item><item><title><![CDATA[custom.css  ......body???]]></title><description><![CDATA[@piki
.clock .time {
font-size: 150px;
color: yellow;
}
.clock .date {
font-size: 40px;
color: red;
]]></description><link>https://forum.magicmirror.builders/topic/19150/custom-css-body</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19150/custom-css-body</guid><dc:creator><![CDATA[raf]]></dc:creator><pubDate>Mon, 18 Nov 2024 17:22:37 GMT</pubDate></item><item><title><![CDATA[Changing table cell in calendar module using custom.css]]></title><description><![CDATA[@evroom you cannot add or change a  classname string
class=“foo”
to add “bar” class too
class =“foo bar”
but you CAN change the behavior of the other classes to match what adding another class could do
OR , you could add the styles to the ELEMENTS you WOULD have added the bar class to…
just_have_to_select_them {
styles
}
as an example of a complex selector in my MMM-Config, I want to hide an element on a library generated element
.possibly-hidden-tab div:nth-child(2)  &gt; div &gt; div &gt;div &gt;ul &gt;li:only-child &gt;a[rel*="Item%201"] {
  display: none;
}

this is
elements with the possibly-hidden-tab class
its second child div
its immed child div
its  immed child div
its  immed child div
its  immed child ul
its  immed only child li
with an a element containing a rel attribute value of  “Item 1”
(spaces have to be encoded, but for clarity I left it out here)
]]></description><link>https://forum.magicmirror.builders/topic/19121/changing-table-cell-in-calendar-module-using-custom-css</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19121/changing-table-cell-in-calendar-module-using-custom-css</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Sat, 09 Nov 2024 17:13:15 GMT</pubDate></item><item><title><![CDATA[MMM-CalendarExt3 increase .header height]]></title><description><![CDATA[@shicks I found it!   Thanks to other posts on here.
The css for the  height of the header fixes it:
.CX3 {
–cellheaderheight: 50px;
}
I still have to tighten things up a bit but at least I go this one that was elusive to me.
[image: 1731126700852-7652c89b-812d-4b71-8bd9-ab682f23509e-image.png]
]]></description><link>https://forum.magicmirror.builders/topic/19118/mmm-calendarext3-increase-header-height</link><guid isPermaLink="true">https://forum.magicmirror.builders/topic/19118/mmm-calendarext3-increase-header-height</guid><dc:creator><![CDATA[shicks]]></dc:creator><pubDate>Fri, 08 Nov 2024 21:51:39 GMT</pubDate></item></channel></rss>