Adding gif background to a single page

Technical Q&A
,
1

Hi, how can I add my GIF background to my homepage only? I currently have it up but it’s displaying on all pages due to the code I’m using that applies it to the entire website.

here is the code I’m using (assets/base.css);

body {

background: url(URL) center / cover repeat

!important;

}

2

Do this

{% if template.name == ‘index’ %}

body {

background: url(URL) center / cover repeat

!important;

}

{% endif %}

3

Hi @eem_store

Please try this code:

{% if template.name == "index" %}
body {
   background: url(URL) center / cover repeat !important;
}
{% endif %}

If it still doesn’t work, please share your store URL so we can take a closer look

I hope this helps

Best,

Daisy