Full background GIF image
Hi (:
I am trying to make a GIFF the full background of my home page. I have removed the footer, but there seems still to be white borders. someone told me that i should de a full background i css instead. But i haven't been able to find a code that works.
I also have css removing the footer on that page, but removing the code from the custom css box. dosen't seem to do anything.
So far i have tried these two:
NO1:
body {
background-image:url("http://monemo.dk/wp-content/uploads/2018/04/GIF1.gif");
background-repeat: no-repeat;
background-size: 100% 100%;
}
html {
height: 100%
}
NO2:
html {
background: url(http://monemo.dk/wp-content/uploads/2018/04/GIF1.gif) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
- I didn't try them at the same time
Comments
when you add it to HTML it works fine, http://prntscr.com/j0nonj
All you need to do is to turn the content transparent, in theme options>global>general
thanks
Now it just a bit strange when i scroll, it is like the picture is both in the footer and in the main area. It is being split up and looks strange: http://monemo.dk/home-3/
(If you see on this page: http://monemo.dk/ You can se the place where the image splits on the other page, is the same place as where the white part starts on this page)