<?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[NewsFeed - how to adjust the description text size?]]></title><description><![CDATA[<p dir="auto">Hello,</p>
<p dir="auto">I would like to increase the text size for the Description text in the default NewsFeed module.  I have checked the newsfeed.css file but there doesn’t seem to be a section for the Description text that I can add to my custom.css file to modify.</p>
<p dir="auto">Regards,</p>
<p dir="auto">Tom</p>
]]></description><link>https://forum.magicmirror.builders/topic/20295/newsfeed-how-to-adjust-the-description-text-size</link><generator>RSS for Node</generator><lastBuildDate>Mon, 06 Jul 2026 21:26:44 GMT</lastBuildDate><atom:link href="https://forum.magicmirror.builders/topic/20295.rss" rel="self" type="application/rss+xml"/><pubDate>Sun, 05 Jul 2026 18:38:49 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to NewsFeed - how to adjust the description text size? on Mon, 06 Jul 2026 08:32:51 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/thartley" aria-label="Profile: thartley">@<bdi>thartley</bdi></a><br />
The text size of the newsfeed description is controlled via the global CSS class .small   which the template assigns to the element.<br />
Defined in ~/MagicMirror/css/main.css:</p>
<pre><code>.small { font-size: var(--font-size-small); }
</code></pre>
<p dir="auto">If I see it right::</p>
<ul>
<li>default/newsfeed/newsfeed.css does not contain a font-size for the description —   only list and layout rules.</li>
<li>The description-specific class .newsfeed-desc does exist, but it does  not set a font size.</li>
</ul>
<p dir="auto">If you want to change the description size independently of other .small elements , the cleanest approach would be an override in css/custom.css:</p>
<pre><code>.newsfeed  .newsfeed-desc { font-size: your_desired_font_size_as_number)
</code></pre>
<p dir="auto">(do not alter the global .small).</p>
<p dir="auto">HTH.<br />
Warm regards,<br />
Ralf</p>
]]></description><link>https://forum.magicmirror.builders/post/131517</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/131517</guid><dc:creator><![CDATA[rkorell]]></dc:creator><pubDate>Mon, 06 Jul 2026 08:32:51 GMT</pubDate></item><item><title><![CDATA[Reply to NewsFeed - how to adjust the description text size? on Mon, 06 Jul 2026 19:33:46 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/thartley" aria-label="Profile: thartley">@<bdi>thartley</bdi></a> cool.<br />
Happy that it works.<br />
Have fun!<br />
Warm regards,<br />
Ralf</p>
]]></description><link>https://forum.magicmirror.builders/post/131534</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/131534</guid><dc:creator><![CDATA[rkorell]]></dc:creator><pubDate>Mon, 06 Jul 2026 19:33:46 GMT</pubDate></item><item><title><![CDATA[Reply to NewsFeed - how to adjust the description text size? on Mon, 06 Jul 2026 17:57:16 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/thartley" aria-label="Profile: thartley">@<bdi>thartley</bdi></a> you can mark it solved</p>
<p dir="auto">find the post that best describes the fix,<br />
click the 3 dot bottom right, click  mark this post as the correct answer</p>
]]></description><link>https://forum.magicmirror.builders/post/131532</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/131532</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Mon, 06 Jul 2026 17:57:16 GMT</pubDate></item><item><title><![CDATA[Reply to NewsFeed - how to adjust the description text size? on Mon, 06 Jul 2026 17:50:44 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/rkorell" aria-label="Profile: rkorell">@<bdi>rkorell</bdi></a>  - Your suggestion took care of the text size. My desired size was 35 in pixels, so ‘35px’.</p>
<p dir="auto">This post can be marked as Solved.</p>
<p dir="auto">Thank you.</p>
]]></description><link>https://forum.magicmirror.builders/post/131531</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/131531</guid><dc:creator><![CDATA[thartley]]></dc:creator><pubDate>Mon, 06 Jul 2026 17:50:44 GMT</pubDate></item><item><title><![CDATA[Reply to NewsFeed - how to adjust the description text size? on Mon, 06 Jul 2026 08:32:51 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/thartley" aria-label="Profile: thartley">@<bdi>thartley</bdi></a><br />
The text size of the newsfeed description is controlled via the global CSS class .small   which the template assigns to the element.<br />
Defined in ~/MagicMirror/css/main.css:</p>
<pre><code>.small { font-size: var(--font-size-small); }
</code></pre>
<p dir="auto">If I see it right::</p>
<ul>
<li>default/newsfeed/newsfeed.css does not contain a font-size for the description —   only list and layout rules.</li>
<li>The description-specific class .newsfeed-desc does exist, but it does  not set a font size.</li>
</ul>
<p dir="auto">If you want to change the description size independently of other .small elements , the cleanest approach would be an override in css/custom.css:</p>
<pre><code>.newsfeed  .newsfeed-desc { font-size: your_desired_font_size_as_number)
</code></pre>
<p dir="auto">(do not alter the global .small).</p>
<p dir="auto">HTH.<br />
Warm regards,<br />
Ralf</p>
]]></description><link>https://forum.magicmirror.builders/post/131517</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/131517</guid><dc:creator><![CDATA[rkorell]]></dc:creator><pubDate>Mon, 06 Jul 2026 08:32:51 GMT</pubDate></item></channel></rss>