<?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[Getting to grips with the styling of CalendarExt2]]></title><description><![CDATA[<p dir="auto">@sean,</p>
<p dir="auto">Loving the new build - I’m a newbie to MM, and am trying to use it to build an electronic wall calendar - similar to a DAKboard, but with a bit more customisation.</p>
<p dir="auto">Two quick questions - (i) I can’t get the class customisation by event (to colour them by calendar for instance) to work for me - not sure where it’s going wrong, as the instructions look straightforward - I’ve defined the class for each calendar in the config.js - classname:“Family”, and then set the colour in the custom.css - .CX2 .Family {<br />
color:#FFA500;</p>
<p dir="auto">(ii) how do I make the background of the month calendar transparent to see any image behind it (as per the bottom screen shot above)?</p>
<p dir="auto">Thanks</p>
<p dir="auto">Julian</p>
]]></description><link>https://forum.magicmirror.builders/topic/9391/getting-to-grips-with-the-styling-of-calendarext2</link><generator>RSS for Node</generator><lastBuildDate>Tue, 12 May 2026 18:12:12 GMT</lastBuildDate><atom:link href="https://forum.magicmirror.builders/topic/9391.rss" rel="self" type="application/rss+xml"/><pubDate>Wed, 02 Jan 2019 20:57:46 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Getting to grips with the styling of CalendarExt2 on Sat, 05 Jan 2019 11:37:43 GMT]]></title><description><![CDATA[<p dir="auto">@sean</p>
<p dir="auto">Thanks for the quick response.   Transparent background now sorted - the calendar works really well with your GooglePhotos module as the background !</p>
<p dir="auto">Also finally sorted the other problem out - I hadn’t realised it was case-sensitive: classname doens’t work - but className does !</p>
<p dir="auto">Thanks for all your help - this is an awesome module…</p>
<p dir="auto">Julian</p>
]]></description><link>https://forum.magicmirror.builders/post/49414</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/49414</guid><dc:creator><![CDATA[Julian]]></dc:creator><pubDate>Sat, 05 Jan 2019 11:37:43 GMT</pubDate></item><item><title><![CDATA[Reply to Getting to grips with the styling of CalendarExt2 on Thu, 03 Jan 2019 09:22:53 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/julian" aria-label="Profile: julian">@<bdi>julian</bdi></a></p>
<ol>
<li><code>.CX2 .Family</code> is not working? try this in your <code>css/custom.css</code></li>
</ol>
<pre><code>.CX2 .event.Family {
  color:#FFA500
}
</code></pre>
<p dir="auto">If your event is fullday event, it could be overriden. Use this also.</p>
<pre><code>.CX2 .event.Family.fullday {
  background-color:#FFA500;
  color:#000;
}
</code></pre>
<p dir="auto">Or…<br />
Possible common pitfalls:</p>
<ul>
<li>Mistypo in your config.js about <code>className</code></li>
<li>common CSS mistypos (forgotten closing brace, missed semicolon, …)</li>
</ul>
<ol start="2">
<li>By default, there is gradiently transparent background in each slot cell. If you don’t want it;</li>
</ol>
<pre><code>.CX2 .slot &gt; .slotContent {
  background-image:none;
}
</code></pre>
]]></description><link>https://forum.magicmirror.builders/post/49209</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/49209</guid><dc:creator><![CDATA[[[global:former-user]]]]></dc:creator><pubDate>Thu, 03 Jan 2019 09:22:53 GMT</pubDate></item></channel></rss>