Changing header color on one page only

[Carlzito]

Hello, so i want to change the header color to white but only on the home page (all other pages should have a black header color aswell as a black logo). How can i do that?

i have some images of how it is right now linked below:

 

[thirtycoders]

Hello @Carlzito,

You can try this code by following these steps:

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

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
  {% if template == 'index' %}
    .header {
      background-color: white;
    }
  {% else %}
    .header {
      background-color: black;
    }
  {% endif %}
</style>

 Thanks!

[Carlzito]

That just made it look like this

[thirtycoders]

You want to header like this on other pages? @Carlzito 

[Carlzito]

no white and se through on home page

[ThePrimeWeb]

Hey @Carlzito,

Can you share the link to your store please? Thanks!

[Carlzito]

https://eb4459-fe.myshopify.com/?_ab=0&_fd=0&_sc=1
Kode: ahcaos

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

I can help you. Please can you provide the website url. Thank you.

Best regards,

Noah | PageFly

[Carlzito]

Sent the link higher up in the thread.

[EFOLI-Emilia7]

Hello @Carlzito,

Please share the store URL (storefront password if your store is password protected) so that I can check and provide you with a possible solution.

Thank you

[Carlzito]

Link is higher up in thread