How can I modify homepage header code and font color without affecting other pages?

[FWF]

hi all,

im using a code to add an image to my header. how can i exclude my homepage from this code? also how can i change the color of my font on my homepage header without it effecting all my other pages?

[FWF]

this is the code im using

.header {
background: url(https://cdn.shopify.com/s/files/1/0736/1419/7046/files/212Why_Choose_Us_Travel_Agency_6.png?v=169527...);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

[Dan-From-Ryviu]

Hi @FWF 

You can use this code in theme.liquid file to check page is homepage so you can apply code to homepage only or not apply code to homepage 

{% if template == 'index' %}

{% endif %}

[FWF]

what can i add in the middle of that code to say no or false or something? 

[Dan-From-Ryviu]

{% if template == 'index' %}
// this is homepage
{% else %}
// this is not homepage
{% endif %}

[FWF]

something like this

{% if header == 'index' %}
background:
false
{% endif %}

[Dan-From-Ryviu]

{% if template == 'index' %}
// this is homepage - you must add css code into style tags
<style>
</style>
{% else %}
// this is not homepage - you must add css code into style tags
<style>
</style>
{% endif %}