Solved

Why is my background gif repeating?

consumed
Visitor
3 0 0

consumed_0-1691696985095.png

As you can see the gif is repeating over and over, I just want the single gif on the page. I am using spotlight theme and heres the code im using
body {
background: url("scab.webp") !important; /* chanage image as you like */
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

https://ysdcl835raklulpf-80792715586.shopifypreview.com heres preview, thank you so much

Accepted Solution (1)

pooja_d_92
Shopify Partner
127 15 21

This is an accepted solution.

Hey,

 

Please use the below code:

 
body {
background-image: url(scab.webp)!important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
}

 

 

I hope it will help you to solve this problem.

Thank You

 

 

Pooja Devi

View solution in original post

Replies 3 (3)

pooja_d_92
Shopify Partner
127 15 21

This is an accepted solution.

Hey,

 

Please use the below code:

 
body {
background-image: url(scab.webp)!important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
}

 

 

I hope it will help you to solve this problem.

Thank You

 

 

Pooja Devi
consumed
Visitor
3 0 0

thank you so much it worked

dylan333
Visitor
1 0 0

it dosent fill the whole screen it fills only a portion