Differnt logo different pages

Site URL: https://avocado-eagle-fehc.squarespace.com

Hi guys,

On some pages I would like a white logo, some a black.

Hoping someone can help. I have an extra colour in my logo, not just black to invert to white. The invert code works great except the orange goes blue which is not good.

I have uploaded the white version to the CSS manage file section, but I cannot get any codes I find around the place to work.

(eg :     <script> window.onload = function() { document.getElementsByClassName('Header-branding-logo')[0].src = 'URL_TO_IMAGE'; }; </script>    )

Can anyone help out please?

Anna

https://avocado-eagle-fehc.squarespace.com

Pw HiThere123

Add to Page Settings > Advanced > Header

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
  $(document).ready(function() {
	$('.header-title-logo img').attr('src','https://beaverhero.com/wp-content/uploads/2020/05/ss-pricing-table01-min.png');
});
</script>

Replace beaverhero with new logo url.

100000 Thank yous!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 😍

This suddenly does not work anymore! 😭

33 minutes ago, anna4 said:

This suddenly does not work anymore! 😭

Which page?

The ones I added the code to - actually that is untrue. It is the portfolio pages - the actual portfolio pages - AND the pages that hold the list of the projects...

Can you share link to portfolio pages? I Don't see porfolio