<?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[Alert font size]]></title><description><![CDATA[<p dir="auto">Hi, I’m trying to increase the font-size of the alert, I want it to fit almost the entire screen.</p>
<p dir="auto">I’ve copied the css to custom and modified the font-size that comes at 70% by default, I’ve tried with 300% and even with 300px but no effect on the size of the text.<br />
Can someone tell me how to? I don’t want to modify de original alert.js where the font-size is 30px for the title and 22px for the message.</p>
<p dir="auto">That’s my custom.css</p>
<pre><code>.ns-box {

background: #fff;
padding: 17px;
line-height: 1.4;
margin-bottom: 10px;
z-index: 1;
color: black;
font-size: 300%;
position: relative;
display: table;
word-wrap: break-word;
max-width: 100%;
border-radius: 5px;
}

.ns-alert {
border-style: solid;
border-color: #fff;
padding: 17px;
line-height: 1.4;
margin-bottom: 10px;
z-index: 3;
color: white;
font-size: 300%;
position: fixed;
text-align: center;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
top: 40%;
width: 40%;
height: auto;
word-wrap: break-word;
border-radius: 20px;
}
</code></pre>
]]></description><link>https://forum.magicmirror.builders/topic/6540/alert-font-size</link><generator>RSS for Node</generator><lastBuildDate>Sun, 19 Apr 2026 08:47:17 GMT</lastBuildDate><atom:link href="https://forum.magicmirror.builders/topic/6540.rss" rel="self" type="application/rss+xml"/><pubDate>Sat, 10 Feb 2018 10:23:47 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Alert font size on Mon, 29 Apr 2019 15:01:50 GMT]]></title><description><![CDATA[<p dir="auto">Okay, I figured it out. For posterity: one needs to address the specific sub-style:</p>
<pre><code>.ns-alert span.light.dimmed.medium,
.ns-alert span.thin.thin.bright.small {
    font-size: 80px !important;
}
</code></pre>
]]></description><link>https://forum.magicmirror.builders/post/56537</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/56537</guid><dc:creator><![CDATA[mmmmh]]></dc:creator><pubDate>Mon, 29 Apr 2019 15:01:50 GMT</pubDate></item><item><title><![CDATA[Reply to Alert font size on Mon, 29 Apr 2019 14:13:10 GMT]]></title><description><![CDATA[<p dir="auto">@strawberry-3-141 I am also trying to accomplish bigger alert text. I made the suggested addition to my custom.css but it doesn’t work. What am I missing?</p>
]]></description><link>https://forum.magicmirror.builders/post/56536</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/56536</guid><dc:creator><![CDATA[mmmmh]]></dc:creator><pubDate>Mon, 29 Apr 2019 14:13:10 GMT</pubDate></item><item><title><![CDATA[Reply to Alert font size on Sat, 10 Feb 2018 13:34:55 GMT]]></title><description><![CDATA[<p dir="auto"><img src="/assets/uploads/files/1518269679632-a.png" alt="0_1518269679909_a.png" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forum.magicmirror.builders/post/35462</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/35462</guid><dc:creator><![CDATA[Varguit]]></dc:creator><pubDate>Sat, 10 Feb 2018 13:34:55 GMT</pubDate></item><item><title><![CDATA[Reply to Alert font size on Sat, 10 Feb 2018 12:11:55 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/varguit" aria-label="Profile: Varguit">@<bdi>Varguit</bdi></a> the problem is that there are some inline styles, some css ninja should get you going</p>
<pre><code>.ns-alert span.light[style],
.ns-alert span.thin[style] {
    font-size: 60px !important;
}
</code></pre>
]]></description><link>https://forum.magicmirror.builders/post/35456</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/35456</guid><dc:creator><![CDATA[strawberry 3.141]]></dc:creator><pubDate>Sat, 10 Feb 2018 12:11:55 GMT</pubDate></item></channel></rss>