Why isn't my custom background code working for my website?

Store Design
, ,
1

I put this code in my theme.liqiud to give my enter page a custom background image but its not working, any idea why?

My site is https://sevenemotions.com/ Password: COZYY

Any help is appreciated!

Code is:

{% if template == ‘index’ %}

body { background-image: url('[https://cdn.shopify.com/s/files/1/0814/3749/1479/files/21E11227-9D84-4CD5-AA62-6934126192F2.jpg?v=1712810142](https://cdn.shopify.com/s/files/1/0814/3749/1479/files/21E11227-9D84-4CD5-AA62-6934126192F2.jpg?v=1712810142)'); background-size: cover; background-position: center center; background-repeat: no-repeat; }

{% endif %}

2

You need to find the following code and remove !important and change background to background-color

wo_0-1712890445734.png
wo_0-1712890445734.png370×721 26.9 KB

3

is it in theme.liquid?

4

uncertain. It looks like it belongs to theme.liquid. But your theme can also render files such as style.liquid in theme.liquid, and the css code is placed in it. You need to find this.