How to change login background image in suitecrm 8.x?

Hello everyone! I’m trying to customize the login page by adding a background image, but unfortunately I don’t see any changes. I followed the steps in this tutorial [https://www.youtube.com/watch?v=lb27UYka4q8] but even after making several modifications to both the login.tpl file and the style.css, I’m not seeing any difference. Has anyone encountered this issue before, or have any suggestions on how to fix it?

You need to check file permission and ownership


Do Quick Repair & Reload from the Admin → Repair


Delete cache/themes folder and hard refresh browser page.

Just to clarify, I’m editing the file located in

suitecrm/public/legacy/modules/Users/login.tpl.
After performing a repair and rebuild, and clearing the cache, the login page still remains unchanged.

Try out this one from the SuiteCRM root directory.

Clear Symfony cache:

php bin/console cache:clear

I tried the suggested solutions, but they didn’t work.

Should I instead modify this file: /var/www/html/suitecrm/core/app/core/src/lib/views/login/components/login/login.component.html?

Could this be related?

yes, you can try it. Since it is v8.x and UI is build on the Angular.


Run the Build Commands Sequentially: Build the frontend common, core, and shell packages in the specified order. Execute the following commands one by one:

yarn run build:common
yarn run build:core
yarn run build:shell

Here’s a brief explanation of what each command does:

  • yarn run build:common: This command builds the common package, which likely contains shared components, utilities, or libraries used across other parts of your project.
  • yarn run build:core: This command builds the core package, which is essential for the main functionality of your project.
  • yarn run build:shell: This command builds the shell package, which may contain the main application shell or entry point for your project.