How to change logo colour on light and dark background pages

Hi there,

Is there a way I can change my white logo to black when I create pages with light backgrounds?

I can't find a way to do it without code.

Website: https://www.object750.com/

Thank you.

I am also struggling with this. I have PNG and SVG logo available and would like to have transparent menu bar but some pages feature light images and some pages feature dark images so no single logo color is fitting all situations. https://www.wichsoup.com

I noticed that HomeGrown website adds dark background to many bar as you scroll, to make bight text visible on a bright background. That would work for me too. https://eathomegrown.com

On 11/3/2023 at 6:34 AM, tuanphan said:

If you use 7.1 version, you can add this code to each Page Header Code Injection (Hover page name on Main Navigation or Not Linked > Click Gear icon > Advanced). This code will replace current logo on current page with new image. Just change image url in below code

<style>
  header#header img {
  	content: url(https://cdn.pixabay.com/photo/2023/09/22/07/02/red-8268266_1280.jpg);
  }
</style>

 

thank you this totally worked!