diff --git a/modules/templates/article-static.xml b/modules/templates/article-static.xml
index d545b9c869..d39e4dd156 100644
--- a/modules/templates/article-static.xml
+++ b/modules/templates/article-static.xml
@@ -102,7 +102,7 @@
 {% if css or itemsSideBySide or backgroundColor or textDirection == "rtl" %}
     {% if itemsSideBySide %}.text-render-item, .page { float: left; }{% endif %}
     {% if textDirection == "rtl" %}#content { direction: rtl; }{% endif %}
-    {% if backgroundColor %}body { background-color: {{backgroundColor}}; }{% endif %}
+    {% if backgroundColor %}body { background-color: {{backgroundColor}} !important; }{% endif %}
     {{css|raw}}
 {% endif %}
             ]]></style>  
@@ -207,7 +207,7 @@ $(target).xiboLayoutAnimate(properties);
 }
 {% if backgroundColor %}
 body {
-    background-color: {{backgroundColor}};
+    background-color: {{backgroundColor}} !important;
 }
 {% endif %}
 {% if copyright %}
@@ -382,7 +382,7 @@ html {
 
 {% if backgroundColor %}
 body {
-    background-color: {{backgroundColor}};
+    background-color: {{backgroundColor}} !important;
 }
 {% endif %}
 
@@ -591,7 +591,7 @@ html {
 
 {% if backgroundColor %}
 body {
-    background-color: {{backgroundColor}};
+    background-color: {{backgroundColor}} !important;
 }
 {% endif %}
 
@@ -827,7 +827,7 @@ html {
 
 {% if backgroundColor %}
 body {
-    background-color: {{backgroundColor}};
+    background-color: {{backgroundColor}} !important;
 }
 {% endif %}
 
@@ -1043,7 +1043,7 @@ html {
 
 {% if backgroundColor %}
 body {
-    background-color: {{backgroundColor}};
+    background-color: {{backgroundColor}} !important;
 }
 {% endif %}
 
@@ -1296,7 +1296,7 @@ $(target).xiboLayoutAnimate(properties);
             ]]></twig>
             <style><![CDATA[
 {% if textDirection == "rtl" %}#content { direction: rtl; }{% endif %}
-{% if backgroundColor %}body { background-color: {{backgroundColor}}; }{% endif %}
+{% if backgroundColor %}body { background-color: {{backgroundColor}} !important; }{% endif %}
 {% if (effect == "marqueeLeft") or (effect == "marqueeRight") %}
     {% if gapTags %}.marquee-item { margin-right: {{gapTags}}px; }{% endif %}
     {% if gapItems %}.item.text-render-item, .separator { margin-right: {{gapItems}}px; }{% endif %}
diff --git a/modules/templates/dataset-static.xml b/modules/templates/dataset-static.xml
index 699e3770fa..d571b881c2 100644
--- a/modules/templates/dataset-static.xml
+++ b/modules/templates/dataset-static.xml
@@ -399,7 +399,7 @@ $datasetTableContainer.find('img').xiboImageRender(properties);
 
 {% if backgroundColor != '' %}
 body {
-    background-color: {{ backgroundColor }};
+    background-color: {{ backgroundColor }} !important;
 }
 {% endif %}
 
@@ -2979,7 +2979,7 @@ $(target).xiboLayoutAnimate(properties);
 
 {% if backgroundColor != '' %}
 body {
-    background-color: {{ backgroundColor }};
+    background-color: {{ backgroundColor }} !important;
 }
 {% endif %}
             ]]></style>
@@ -3305,7 +3305,7 @@ $(target).xiboLayoutAnimate(properties);
             ]]></twig>
             <style><![CDATA[
 {% if textDirection == "rtl" %}#content { direction: rtl; }{% endif %}
-{% if backgroundColor %}body { background-color: {{backgroundColor}}; }{% endif %}
+{% if backgroundColor %}body { background-color: {{backgroundColor}} !important; }{% endif %}
 {% if (effect == "marqueeLeft") or (effect == "marqueeRight") %}
     {% if gapTags %}.marquee-item { margin-right: {{gapTags}}px; }{% endif %}
     {% if gapItems %}.item.text-render-item, .separator { margin-right: {{gapItems}}px; }{% endif %}
diff --git a/modules/templates/event-static.xml b/modules/templates/event-static.xml
index 65c6650634..26ba87720d 100644
--- a/modules/templates/event-static.xml
+++ b/modules/templates/event-static.xml
@@ -87,7 +87,7 @@
             <style><![CDATA[
 {% if itemsSideBySide %}.item, .page { float: left; }{% endif %}
 {% if textDirection == "rtl" %}#content { direction: rtl; }{% endif %}
-{% if backgroundColor %}body { background-color: {{backgroundColor}}; }{% endif %}
+{% if backgroundColor %}body { background-color: {{backgroundColor}} !important; }{% endif %}
 {{styleSheet|raw}}
             ]]></style>
         </stencil>
diff --git a/modules/templates/forecast-static.xml b/modules/templates/forecast-static.xml
index b391aa7a00..95c6d7c54b 100644
--- a/modules/templates/forecast-static.xml
+++ b/modules/templates/forecast-static.xml
@@ -5560,7 +5560,6 @@ h1 {
 }
 
 body {
-    background-color: #000;
     {% if fontFamily %}
         font-family: {{fontFamily}};
     {% else %}
@@ -5569,6 +5568,10 @@ body {
     line-height: 1;
 }
 
+#content > div {
+    background-color: #000;
+}
+
 .container {
     width: 960px !important;
     height: 180px !important;
@@ -5909,7 +5912,6 @@ h1 {
 }
 
 body {
-    background-color: #000;
     {% if fontFamily %}
         font-family: {{fontFamily}};
     {% else %}
@@ -5918,6 +5920,10 @@ body {
     line-height: 1;
 }
 
+#content > div {
+    background-color: #000;
+}
+
 .container {
     width: 189px !important;
     height: 900px !important;
diff --git a/modules/templates/stock-static.xml b/modules/templates/stock-static.xml
index 8467f5046c..609700c78e 100644
--- a/modules/templates/stock-static.xml
+++ b/modules/templates/stock-static.xml
@@ -216,7 +216,7 @@ body {
  height: 420px !important;
 }
 
-{% if backgroundColor %}body { background-color: {{backgroundColor}}; }{% endif %}
+{% if backgroundColor %}body { background-color: {{backgroundColor}} !important; }{% endif %}
 
 .text-right {
     text-align: right;
@@ -541,7 +541,7 @@ body {
     line-height: 1;
 }
 
-{% if backgroundColor %}body { background-color: {{backgroundColor}}; }{% endif %}
+{% if backgroundColor %}body { background-color: {{backgroundColor}} !important; }{% endif %}
 
 .text-right {
     text-align: right;
diff --git a/modules/text.xml b/modules/text.xml
index c64f37d954..ed64dc488b 100755
--- a/modules/text.xml
+++ b/modules/text.xml
@@ -103,7 +103,7 @@
 </script>
         ]]></twig>
         <style><![CDATA[
-{% if backgroundColor %}body { background-color: {{backgroundColor}}; }{% endif %}
+{% if backgroundColor %}body { background-color: {{backgroundColor}} !important; }{% endif %}
 {{styleSheet|raw}}
         ]]></style>
     </stencil>
diff --git a/modules/worldclock-analogue.xml b/modules/worldclock-analogue.xml
index 38a44a5152..182c7dc0e1 100644
--- a/modules/worldclock-analogue.xml
+++ b/modules/worldclock-analogue.xml
@@ -316,7 +316,7 @@
         <style><![CDATA[
 body {
     {% if bgColor %}
-        background: {{bgColor}};
+        background: {{bgColor}} !important;
     {% endif %}
 }
 
diff --git a/modules/worldclock-digital-date.xml b/modules/worldclock-digital-date.xml
index 2466928bfe..28dade659a 100644
--- a/modules/worldclock-digital-date.xml
+++ b/modules/worldclock-digital-date.xml
@@ -123,8 +123,8 @@
         ]]></hbs>
         <style><![CDATA[
 body {
-   background: #222;
- }
+   background: #222 !important;
+}
 
 .world-clock {
   color: #f9f9f9;
@@ -155,7 +155,7 @@ body {
 {% if labelColor %}.world-clock-label { color: {{labelColor}}; }{% endif %}
 {% if fontFamily %}.world-clock { font-family: {{fontFamily}}; }{% endif %}
 {% if dateTimeColor %}.world-clock { color: {{dateTimeColor}}; }{% endif %}
-{% if backgroundColor %}body { background: {{backgroundColor}}; }{% endif %}
+{% if backgroundColor %}body { background: {{backgroundColor}} !important; }{% endif %}
         ]]></style>
     </stencil>
     <onInitialize><![CDATA[
diff --git a/modules/worldclock-digital-text.xml b/modules/worldclock-digital-text.xml
index 97b80b486b..cf06fe3a6e 100644
--- a/modules/worldclock-digital-text.xml
+++ b/modules/worldclock-digital-text.xml
@@ -149,7 +149,7 @@
 {% if labelColor %}.world-clock-label { color: {{labelColor}}; }{% endif %}
 {% if fontFamily %}.hourText { font-family: {{fontFamily}}; }{% endif %}
 {% if dateTimeColor %}.hourText { color: {{dateTimeColor}}; }{% endif %}
-{% if backgroundColor %}body { background: {{backgroundColor}}; }{% endif %}
+{% if backgroundColor %}body { background-color: {{backgroundColor}} !important; }{% endif %}
         ]]></style>
     </stencil>
     <onInitialize><![CDATA[