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

ATGRFX
Shopify Partner
22 0 4

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' %}
<style>
body {
background-image: url('https://cdn.shopify.com/s/files/1/0814/3749/1479/files/21E11227-9D84-4CD5-AA62-6934126192F2.jpg?v=17...');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
</style>
{% endif %}

Replies 3 (3)

wo
Shopify Partner
76 20 17

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

wo_0-1712890445734.png

 

ATGRFX
Shopify Partner
22 0 4

is it in theme.liquid?

wo
Shopify Partner
76 20 17

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.