ESC portal - Login widget customization

[siddhant4407]

Hi,
I want to customize the ESC portal Login page. I am trying to center the Login text. For this I have used text-align: center, but changes are not reflecting. 
Also I want to replace the text with image. Please provide the solution for text and image as well. 
Thank you in advance.

[Anirudh Pathak]

Hi @siddhant4407,

1. Clone the Login widget

2. In CSS section of the Cloned widget add the below line -

.panel-title{
text-align: center;
}

Below is the screenshot for your reference

3. Attach the cloned widget to the login page. Go to the login page and click on instance

4. Update the widget from Login to Cloned widget(select the name of the cloned widget you created in step 1)

You should be able to center the text following the above steps.

[siddhant4407]

Tried this but it's not working

[shivaniamborkar · Accepted solution]

Hi @siddhant4407 , 
Try the below steps, it definitely works!
1)Go to Service Portal->Pages
2)Search for record having ID is 'login'. Open the record.
3)Add the below styling in 'Page Specific CSS'.

.panel-heading {
    padding: 0 rem !important;
    text-align: center !important;
}

4)Below is the attachment of how the page will look.

5)Now go to the ESC portal. Log out and the changes will reflect 

[siddhant4407]

Thank you @shivaniamborkar  it did work!