Use gradients for header background

[maryc]

Hi,

I have 3 background colors in the logo and I want the same to flow in the Service Portal header as a background. How do I do this in Kingston or Istanbul version?

Thanks

[maryc]

Any help on this?

[richelle_pivec]

Hi Mary,

Did you ever find a solution for this? This is the exact question my team just asked me yesterday afternoon.

Thanks,

Richelle

[Adrian Ubeda]

Hi, 

I think you have to modify CSS of the element that you want to change, go to service portal configuration and select 'SP Header' and modify the main CSS with this code:

linear-gradient:(direction, colour1, colour2);

Example:

#grad {
  background-image: linear-gradient(to right, red , yellow);
}

I let you some useful link to try it:
https://community.servicenow.com/community?id=community_question&sys_id=60c90be5db5cdbc01dcaf3231f96...

Let me know if it was useful with positive feedback.

Thanks,