Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Adobe Summit 2023 [19th to 23rd March, Las Vegas and Virtual] | Complete AEM Session & Lab list

Changing default login page


Level 4


I am attempting to change the default login page by following the steps listed here Adobe Experience Manager Help | Creating a new login screen

What I want to do is change the background image, but I am running into difficulties. As soon as a new copy of the login.css gets pasted in the apps folder (which is the first step), the existing background image, and all other styles, fails to load. When I complete the rest of the steps nothing changes, even if i don't upload a new image and change the login.css file.

Another issue is that the Prerequisite section, in step 2, it says to copy the content folder from libs/.. to apps/.., but then it directs you to delete the folder you just copied. It seems that the end of the sentence in step 2.C has been cut off.

4 Replies


Employee Advisor

Hi Sean,

Did you get it working? Let me know if it's unresolved I will check it at my end as well.




Level 4

Hi Mayank,

I still haven't gotten it to work. I have a ticket open with Support now.


Employee Advisor

Based on my internal discussion the updated steps have been shared on the Ticket, I am sharing here with the wider audience:

  1. Log in at /lc/crx/de with Administrator permissions
  2. Replicate the hierarchical structure: of /libs/livecycle/core/content at /apps/livecycle/core/content. Maintain the same (node/folder) properties and access control.
  3. Copy login node:

from /libs/livecycle/core/content

to /apps/livecycle/core/content

  1. Delete files login.js and  jquery-1.8.0.min.js, from the node /apps/livecycle/core/content/login.
  2. Replicate the hierarchical structure: of /libs/livecycle/core/components/login at /apps/livecycle/core/components/login. Maintain the same (node/folder) properties and access control.
  3. Copy login.jsp :

from /libs/livecycle/core/components/login

to /apps/livecycle/core/components/login

  1. Add new images in /apps/livecycle/core/content/login.
  2. To add new styles:

Add new styles to /apps/livecycle/core/content/login/login.css

.newLoginContainerBkg {

background-image: url(my_Bg.gif);

background-repeat: no-repeat;

background-position: left top;

width: 727px;


  1. Modify /apps/livecycle/core/components/login/login.jsp to incorporate the newly added styles.

<div class="loginContainerBkg">


<div class="newLginContainerBkg">

PS: Please make sure to clear the browser cache after doing these changes then only you are able to see the changes on the server.


Level 4

Yes, those instructions did make the tutorial more clear, but It still isn't working for me.

If I copy login.css to the apps/... node, the css page does not get loaded. If I create a new css file and reference it in login.jsp, that one doesn't load either.