Navigation
Archive / Different Logo on Custom Page
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 29, 2016 at 12:44 am #856209
    JL89
    Participant

    Hello,
    I am trying to show a different logo on separate pages. For example on the “Home” page I want to show “Logo A” and all other pages I would like to show “Logo B”. The reason being the “Home” page is a dark background and we would like to show a white logo, the rest of the site is a light background and want to show a black logo.

    Thank you!

    March 29, 2016 at 12:54 am #856212
    JL89
    Participant
    This reply has been marked as private.
    March 29, 2016 at 1:42 am #856275
    Zeshan
    Member

    Hi there,

    Thanks for writing in!

    In the Customizer, upload the black logo that you want to show on the rest of the pages of your site. Then add following jQuery code under Custom > JavaScript in the Customizer to replace the logo only on the homepage:

    jQuery(".home .x-brand img").attr("src","YOUR_WHITE_LOGO_IMAGE_URL_HERE");

    Replace YOUR_WHITE_LOGO_IMAGE_URL_HERE with your white logo image URL.

    Thank you!

    March 30, 2016 at 12:40 am #858166
    JL89
    Participant

    That worked out great, thank you!

    March 30, 2016 at 1:06 am #858195
    John Ezra
    Member

    You’re most welcome!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-856209 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>