<?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 clock module]]></title><description><![CDATA[<p dir="auto">Hey guys…</p>
<p dir="auto">Would like to do some custom CSS for the clock module, but just for the time.</p>
<p dir="auto">Currently HH and MM are the same size and SS is smaller!   I would like to have the MM bigger than the HH!</p>
]]></description><link>https://forum.magicmirror.builders/topic/2375/custom-css-clock-module</link><generator>RSS for Node</generator><lastBuildDate>Fri, 06 Mar 2026 21:26:23 GMT</lastBuildDate><atom:link href="https://forum.magicmirror.builders/topic/2375.rss" rel="self" type="application/rss+xml"/><pubDate>Fri, 21 Apr 2017 16:45:06 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to custom CSS clock module on Fri, 21 Apr 2017 17:09:45 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/pointpubmedia" aria-label="Profile: PointPubMedia">@<bdi>PointPubMedia</bdi></a> the hour and the minute are in the same div which makes it not possible to do it just in css, but<br />
there is a config option which adds a wrapper around the minutes, which is perfect for this task.</p>
<p dir="auto">the selector would be probably something like this:</p>
<pre><code>.clock div.time.bright.large.light span.bold {
  //set the font size here
}
</code></pre>
<p dir="auto">therefore you also have to add <code>clockBold: true</code> to the config</p>
<p dir="auto">if you dont like the bold effect you can overwrite it as well where you change the font size</p>
]]></description><link>https://forum.magicmirror.builders/post/20106</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/20106</guid><dc:creator><![CDATA[strawberry 3.141]]></dc:creator><pubDate>Fri, 21 Apr 2017 17:09:45 GMT</pubDate></item></channel></rss>