Banner Text Using HTML

eric_schroeder
ServiceNow Employee
ServiceNow Employee

If you want to add HTML to your banner text (top of the screen where it generally says 'IT Service Management Suite'. Just navigate to My Company and enter HTML directly into the banner text field - you may need to add it to your form and you might want to increase the field size. Here is an examle:



<div style='width: 100%; '><a href="http://www.xyz.com" class="nav_header_description">Company</a> | Company Home Page</div>
<div style='width:100%; height:125px;background-color:#283c5d;vertical-align:middle;background-image:url(https://dude.xyz.com/images/banner.jpg); background-repeat:no-repeat; background-position:top right;'>
<img src='https://dude.xyz.com/images/invisible.gif' height='43px'><br><span style='font-size:130%;'>My Coor Dept</span>
</div>

8 REPLIES 8

Not applicable

Hi Eric,

Thanks for the hint 🙂
I did this and it works very good, the only thing you need to do extra is add a logo picture, if you leave it black it will default to the SNC logo.
What I did was create a white 1x1 pixel image to get around this and use the HTML to display the logo...


hi,

how can you change the background color of the banner?

thanks


To modify the banner background colour (or color for our Nth American friends) try the techniques described here:

http://www.servicenowguru.com/system-ui/tweaking-servicenowcom-header-custom-css/
and
http://wiki.service-now.com/index.php?title=Modifying_the_Banner


marcguy
ServiceNow Employee
ServiceNow Employee

Along similar lines, a customer has asked for 2 logos on the top banner, so I put this in my /demomg instance banner text to place another logo on the right hand side (they want it as close to the edge as possible on the right)




align="right">



That's good but there is still some gap between the right-hand image and the text search box, does anyone know if it's possible at all to close that gap anymore?

Marc