Use different logo color in header on all pages other than the homepage

Site URL: https://beagle-clementine-f9b2.squarespace.com/

Hi there, 

My site has not been published yet but was hoping to use my other logo's color all other pages other than the homepage! 

Site: https://beagle-clementine-f9b2.squarespace.com/
Password: squarecircle

My logo is in white over a video on the homepage and I have a colored logo (not black) that I'd like to use for the other pages. 

Thank you in advance!

Add to Design > Custom CSS. Replace pixabay with new logo image url

body:not(.homepage) header#header img {
    content: url(https://cdn.pixabay.com/photo/2022/06/26/14/36/raspberry-7285625__480.jpg);
}

Thank you! Much appreciated. 

How would I create an Image URL if the logo is saved on my computer?

Also while youre here since youre a huge help, is it possible to add a search bar to a website? 

I'm working on another e-comm site that I'd like to be able to search for pieces. 

Details: https://ray-quillfish-psl3.squarespace.com/config/

Password: squarecircle

15 hours ago, ProjectLinroe said:

Thank you! Much appreciated. 

How would I create an Image URL if the logo is saved on my computer?

Upload image to your site & get its url

See the guide: https://support.squarespace.com/hc/en-us/articles/205813928-Uploading-and-managing-files

Which position you want to add search bar?

I'd like a search bar in the header to be able to search for any product on the site! Like most e-comm websites, is that possible?

On 7/30/2022 at 2:40 AM, ProjectLinroe said:

I'd like a search bar in the header to be able to search for any product on the site! Like most e-comm websites, is that possible?

My approach is add a Search Block to Footer then we will use code to move it to Header.

I'm also not sure if it will work well or not.

On 7/27/2022 at 2:53 PM, tuanphan said:

Add to Design > Custom CSS. Replace pixabay with new logo image url

body:not(.homepage) header#header img {
    content: url(https://cdn.pixabay.com/photo/2022/06/26/14/36/raspberry-7285625__480.jpg);
}

 

how can i use this only for one page. do i change the class to the name of the page? 

On 8/21/2022 at 12:36 PM, Faten said:

 

how can i use this only for one page. do i change the class to the name of the page? 

Edit that page > Add a Code Block (or add to Page Header) > Use this code

<style>
  header#header img {
    content: url(https://cdn.pixabay.com/photo/2022/06/26/14/36/raspberry-7285625__480.jpg);
}
</style>