Different logo for specific pages on site

@alexcopley

To make different logo for different page we will need to make custom code for them.

First step to make this we should use our child theme to make customize code and still keep update in the future : https://docs.famethemes.com/article/139-sample-child-theme

After this we can use 2 option for add different logo:
Option 1: Add image background for class “.custom-logo-link” by each page id of body tag. Example “page-id-232” you can add custom css like this:
.page-id-232 .custom-logo-link {
background image: url ('https://www.paul-hayden.co.uk/wp-content/uploads/2024/05/cropped-BritRatPack-Header.jpeg');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.page-id-232 .custom-logo-link img {
opacity: 0;
}
Or please contact us here to get quick support:https://www.famethemes.com/contact/

Thank you!

Thanks for your message! I have followed these instructions but it doesn’t seem to work. Just to be sure, should I be copying and pasting the custom CSS at Appearance/Customize/Additional CSS?

Hi @alexcopley ,

Sorry because the delay to reply.

Yes to play custom css above we can add them through Additional Css of Customize Css.

Let me know if you need more help in the future.