How to add the background image for homepage of Employee center PRO

[Santoshi5]

Hi ,

Can anyone let me know how to add the Background image for Employee center pro,

As per the other posts i know how to add the background image for Employee service center using the content Delivery module, 

But i am not able to see the module to change the background image for Employee center Pro.

[Harneet Sital]

Hi Santoshi, 

You can update the background following the steps as below -

1. Navigate to the portal pages > open the portal home page (Employee Center Pro Homepage)

2. Add the following line to the main.body CSS

background-image: url('/ServiceNow.jpg');

That should do the trick!

If the answer has helped you, please mark the answer correct/helpful. Thank you.

-Harneet

[sagar_anandpara]

This works surely, thanks @Harneet Sital .

Just wanted to know if there is a way we can have this background image cascade down to all pages, but not just the homepage. I could not find the main-body class on taxonomy topic page, so wondering how can it be achieved so that the same background image is applied across any page on the employee center portal. 

[Rob Sestito · Accepted solution]

You can add a background image a couple of ways.

The way I did ours was right within the Container itself when designing from the Page Designer of the portal.

While on your portal page, hold Ctrl and right-click on one of the widgets. You will get a pop-up menu and you can select Page in Designer:

From the Page Designer, you can choose any container you want to have an image for a background.

Here, I am clicking on the widget I am using, and you will see your bread crumbs - select Container, then you can modify like so:

Be sure you are in the correct application so you have access to modify, but here is what the menu should look like when you edit a container:

Here you have the option to add in a background image.

Here is one of my background images for the top of the portal page - this was all done by me adding an image into the Background Image option I just showed you.

Hope we were able to lend you some options as to how to add a background image.

Cheers,

-Rob

[yandp]

Hello @Rob Sestito , 

Happy to see this advice.

i tried that, after upload the image, i tried to preview it, the image is not display and also not display in ESC.

not sure what is missing, any requirement on the image size etc.. below is the editing screen. Thank you.