Merge pull request #43 from AlexKvazos/master

Fix background image
BuildFire · Mar 7, 2018 · 8101125 · 8101125
2 parents 184dbf9 + 73bf3bf
commit 8101125
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/widget/index.html b/src/widget/index.html
@@ -8,9 +8,6 @@
     <script src="../../../scripts/buildfire/components/carouselLight/carouselLight.min.js"></script>
     <style>
       body {
-        background-position: center;
-        background-size: cover;
-        background-attachment: fixed;
         margin: 0;
       }
       img {
@@ -25,7 +22,7 @@
       }
     </style>
 </head>
-<body>
+<body style="">
   <div>
       <div id="carousel"></div>
       <div id="text" class="padded"></div>

diff --git a/src/widget/widget.js b/src/widget/widget.js
@@ -78,7 +78,12 @@ function render() {
     const cropUrl = `${baseUrl}/${state.width * DPR}x${state.height * DPR}`;
     const url = `${cropUrl}/${design.backgroundImage}`;
 
-    window.document.body.style.backgroundImage = `url(${url})`;
+    window.document.body.setAttribute('style', `
+      background-position: center !important;
+      background-size: cover !important;
+      background-attachment: fixed !important;
+      background-image: url(${url}) !important;
+    `);
   } else {
     window.document.body.style.backgroundImage = '';
   }