Would like to use different logo on 1 page only

Hi there,

hereโ€™s my page:
http://kromephotos.com/main/machines-for-all/

I would like to change the logo on this page only and also the area marked with red.

Can you help me with this?

Thanks,
Ani

Hello Ani,

Thanks for asking. :slight_smile:

You can add following JS code under X > Theme Options > JS to have a different logo on Machines For All page:


jQuery(".page-id-26523 .x-brand img").attr("src","Logo Image URL goes here");

In above code you need to replace Logo Image URL goes here with Image URL. There is no need to change page Id as I have already added the page id for Machines For All page. If you want to find out page Id, please take a look at following article:

If you would like to hide breadcrumbs area, please add following CSS under X > Theme Options > CSS:

.page-id-26523 .x-breadcrumb-wrap {
    display: none;
}

Thanks.

Thanks so much, this worked out perfectly!

1 Like