<?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[Margin on the x side of the screen only]]></title><description><![CDATA[<p dir="auto">Hey,</p>
<p dir="auto">I’m looking on adding a margin on only the right side of my screen, <em>margin-right : X px</em> doesn’t work …</p>
<p dir="auto">Could someone help please ?</p>
]]></description><link>https://forum.magicmirror.builders/topic/14277/margin-on-the-x-side-of-the-screen-only</link><generator>RSS for Node</generator><lastBuildDate>Sun, 12 Apr 2026 22:03:54 GMT</lastBuildDate><atom:link href="https://forum.magicmirror.builders/topic/14277.rss" rel="self" type="application/rss+xml"/><pubDate>Tue, 22 Dec 2020 14:38:27 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Margin on the x side of the screen only on Tue, 22 Dec 2020 15:41:35 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/morganga" aria-label="Profile: Morganga">@<bdi>Morganga</bdi></a> It’s not working because width is calculated dynamically and affecting the margin. You can changed the width offset to adjust it using custom.css. See below.</p>
<pre><code>body
{
   width: calc(100% - 250px);
}
</code></pre>
<p dir="auto">Adjust the value of 250px for your need.</p>
<p dir="auto"><strong>Before</strong><br />
<a href="https://ibb.co/GRm2dZg"><img src="https://i.ibb.co/YhgkN5v/b4.png" alt="b4" /></a></p>
<hr />
<p dir="auto"><strong>After</strong><br />
<a href="https://ibb.co/jrqN38h"><img src="https://i.ibb.co/DRmJw14/after.png" alt="after" /></a></p>
]]></description><link>https://forum.magicmirror.builders/post/86037</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/86037</guid><dc:creator><![CDATA[ashishtank]]></dc:creator><pubDate>Tue, 22 Dec 2020 15:41:35 GMT</pubDate></item></channel></rss>