The CreatorCon Call for Content is officially open! Get started here.

Add banner image to service portal page

JJG
Kilo Guru

Hello,

I am trying to add a unique banner image to my 'Submit time off' portal page. I added the Welcome Banner widget but when I preview the page no image shows (See Pic Below). How can I add my custom banner image to the page?

 

find_real_file.png

find_real_file.png

1 ACCEPTED SOLUTION

Mark Roethof
Tera Patron
Tera Patron

Hi JJG,

Did something quick, though you'll get the idea.

On the page you are after, just add a container, with a lay-out 12 or something. On the container (or the column) add a CSS class + upload an image. On the Page, add that class to the Specific CSS.

find_real_file.png

find_real_file.png

find_real_file.png

find_real_file.png

If my answer helped you in any way, please then mark it as helpful.

Kind regards,
Mark
2020 ServiceNow Community MVP
2020 ServiceNow Developer MVP

---

LinkedIn
Community article list

 

Kind regards,

 

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

 

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

LinkedIn

View solution in original post

4 REPLIES 4

Mark Roethof
Tera Patron
Tera Patron

Hi JJG,

Did something quick, though you'll get the idea.

On the page you are after, just add a container, with a lay-out 12 or something. On the container (or the column) add a CSS class + upload an image. On the Page, add that class to the Specific CSS.

find_real_file.png

find_real_file.png

find_real_file.png

find_real_file.png

If my answer helped you in any way, please then mark it as helpful.

Kind regards,
Mark
2020 ServiceNow Community MVP
2020 ServiceNow Developer MVP

---

LinkedIn
Community article list

 

Kind regards,

 

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

 

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

LinkedIn

Hey Mark,

Where are you inputting the CSS? not seeing an option for that in my container

 

Ah good one 🙂

Top right, Page.

find_real_file.png

If my answer helped you in any way, please then mark it as helpful.

Kind regards,
Mark
2020 ServiceNow Community MVP
2020 ServiceNow Developer MVP

---

LinkedIn
Community article list

 

Kind regards,

 

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

 

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

LinkedIn

Quick question on this... I'm trying to do the same thing, but the users don't like the fact that it is displaying the image 3 times as in your final shot. Any suggestions?