Dawn theme - Change icons to white on home page only.

[amandaZ2020]

Hello 

I would like to change all the icons on the front page of my homepage to white, but leave the rest of the store with black icons. The store is currently set to black icons across the site. 

Can anybody assist please. 

https://www.krixcollection.com.au/

password: ontaub 

[JasmeetVT14313 · Accepted solution]

Hi @amandaZ2020 

Try adding the below code to the theme.liquid just before "</body>"

{% if template contains 'index' %}
<style>
img.header__heading-logo {
    filter: invert(1);
}
.header__icon {
    color: #fff !important;
}
</style>
{% endif %}

 If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

[amandaZ2020]

Thank you so much!! @JasmeetVT14313. Perfect! 

Is there a way to keep the logo black though? or remove the logo from the home page completely?

[JasmeetVT14313]

HI @amandaZ2020 
In that case you can update the above given code with

{% if template contains 'index' %}
<style>
img.header__heading-logo {
    opacity: 0;
    visibility: hidden;
}
.header__icon {
    color: #fff !important;
}
</style>
{% endif %}

[BSSCommerce-HDL]

Hi @amandaZ2020, 

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Inside tag head. After you'll insert my code inside it

{% if template.name == 'index' %}
    <style>
      .header__heading-logo {
         filter: invert(1) !important;
      }
      summary.header__icon svg path {
        fill: white !important;
      }
    </style>
{% endif %}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍