How to change the size of custom company logo in banner?

isaacpio
Giga Contributor

Hello,

We have changed the default ServiceNow logo to our company logo via System Properties > My Company.

When the new logo is displayed in the banner, it looks very small. It seems to be automatically resized to similar dimensions as the original ServiceNow logo.

It it possible to have our company logo look larger in the banner (i.e. we specify the size or the minimum size it can be)?

Thanks.

Cheers,

Isaac

PS: We are using Fuji

1 ACCEPTED SOLUTION

Rushit Patel2
Tera Guru

I don't know if there is any propery or css file where we can make that change but u can make one global uiscript like this.


find_real_file.png


CODE


addLoadEvent(bannerchange);


function bannerchange(){

if(window.jQuery){
$j('#mainBannerImage').css('zoom','130%');


}
}



BEFORE


find_real_file.png



AFTER



find_real_file.png




I hope this helps.


View solution in original post

11 REPLIES 11

Rushit Patel2
Tera Guru

I don't know if there is any propery or css file where we can make that change but u can make one global uiscript like this.


find_real_file.png


CODE


addLoadEvent(bannerchange);


function bannerchange(){

if(window.jQuery){
$j('#mainBannerImage').css('zoom','130%');


}
}



BEFORE


find_real_file.png



AFTER



find_real_file.png




I hope this helps.


Thanks - this worked. We'll have to do further testing of course, but it's a helpful work around.



Cheers


Hi All

From where i can get main banner image ID "#main banner image".It's not working for me could you please help me .

Regards

Santhoshi Jaini

You can use your browser's developer tools. (Press F12) Then, you can use the Inspect Element tool to see the ID.

In my developer instance it is #mainBannerImage

Note: that string is called a selector and the # is to tell jQuery to search by ID.