How can I make an animated background cover the whole webpage?

[Swordfish1]

Hello, I pasted this code to make animated background:

body {
background-size: cover;
background-repeat: no-repeat;
background: url("https://cdn.shopify.com/s/files/1/0777/5603/9502/files/5c43d280ddfbd4a1b4c571874e699f8d.gif?v=1698835887") !important; /* chanage image as you like */


}

But the background gif doesn't cover whole page and they have borders. Can I make something about it so one gif would cover whole page?

 

[Artzen_tech]

Hello @Swordfish1 
Its Artzen Technologies! We will be happy to help you today.

PLease send me your store url, if applicable, the Password too.

[Swordfish1]

Store url:https://kizia.pl/

[Artzen_tech]

Hello @Swordfish1 
Its Artzen Technologies! We will be happy to help you today.

Please copy the below css and replace with your css.

body {
background-size: cover!important;
background-repeat: no-repeat;
background: url("https://cdn.shopify.com/s/files/1/0777/5603/9502/files/5c43d280ddfbd4a1b4c571874e699f8d.gif?v=1698835887") !important; /* chanage image as you like */

}

Let me know if need further assistance
Regards,
Artzen Technologies

[Swordfish1]

Hmmm, it's still the same. 

[Artzen_tech · Accepted solution]

Please try this one.

body {
background: url("https://cdn.shopify.com/s/files/1/0777/5603/9502/files/5c43d280ddfbd4a1b4c571874e699f8d.gif?v=1698835887") !important; 
background-repeat: no-repeat!important;
background-size: cover!important;

}

[Swordfish1]

It works thank you very much! 

If anyone  wanted to make it also not end in half page use this code: 

body {
background: url("https://cdn.shopify.com/s/files/1/0777/5603/9502/files/81ea6ac10c02ec59255d6d19c173b940.gif?v=169884...") !important;
background-repeat: no-repeat;
background-size: 100% auto!important;

}