2013-12-19

[OrangeHRM v3.0.1] How to change logo images

There are two logo images:
  • Path to logo image used on login screen:
    /symfony/web/webres_521db8499614c0.51100681/themes/default/images/login/logo.png

    Width: 339px Height: 66px
  • Path to logo image used after logging in:
    /symfony/web/webres_521db8499614c0.51100681/themes/default/images/logo.png

    Width: 283px Height: 56px
I recommend renaming those images and uploading your own logo and renaming the file to logo.png

Note: when the mouse pointer is hovered over the logo "OrangeHRM" is displayed as the HTML ALT text.  This can be changed by editing freshorange.php, path:
\symfony\apps\orangehrm\templates\freshorange.php
 Search for alt="OrangeHRM" text and replace OrangeHRM with whatever you want.

You can also edit the hard-coded image dimensions for the logo.png image in layout.php.  Search for logo.png text and then edit the width and height.  Look from about line 51.

Notes about the login page
  • On the login page there is no alt text or hardcoded image dimensions for the logo image
  • Beware if your logo is not height 66px, it will mess up the CSS positioning of the various elements on the form in the login page
  • You can edit loginSuccess.php to hard-code your own image dimensions, path \symfony\apps\orangehrm\modules\auth\templates\loginSuccess.php
  • My next blog post will focus on modifying and re-theming the login page
Posted by at
Labels: , , , , , , , , , , , , ,

16 comments:

  1. digital brain4/20/2014 5:28 pm

    I have installed this on centos 6 but i cant seem to remove those options,
    how do i go about it weird to leave those links :)

    thanks

    ReplyDelete
    Replies
    1. Unknown6/13/2014 8:44 am

      I'm also install this on CentOS, and it works fine.
      I think you need to clean your browser cache....

      Delete
  2. Chris Ajasigwe11/03/2014 3:30 pm

    thanks very much it was very helpful.

    ReplyDelete
  3. Anonymous6/24/2015 1:46 pm

    Where can I find the script to edit the configuration drop down list in the dashboard?

    ReplyDelete
  4. Unknown8/15/2015 7:36 pm

    Thanks RimA it works perfectly as i expected great job. Keep up the good work...

    ReplyDelete
  5. electrOn3/12/2016 3:27 pm

    For me its not changing even after i replaced the logo.png file. What could be the issue? Can any one help me?

    ReplyDelete
    Replies
    1. Anonymous4/13/2016 7:50 am

      Same Problem..

      Delete
    2. Unknown4/13/2016 7:53 am

      Same probelm occurring..
      So did u found the solution?

      Delete
    3. Anonymous10/11/2017 5:48 am

      when finish replace the logo, you must clean the web history
      (clean past hour or past day) then type the url back.

      Delete
  6. seravina danniella5/10/2017 11:05 am

    Your blog has given me that thing which I never expect to get from all over the websites. Nice post guys!

    Melbourne Web Designer

    ReplyDelete
  7. Unknown5/25/2017 2:15 pm

    same problem

    ReplyDelete
  8. Anonymous11/27/2017 11:27 am

    How to change the link to the logo once you login?

    ReplyDelete
  9. Chitova3/04/2020 6:32 am

    My performance module emails are not sending

    ReplyDelete
  10. Edward4/17/2021 12:03 am

    Please can someone help me to change orange image to my own image logo please?

    ReplyDelete
  11. ARMAZ7/25/2021 11:32 am

    you have to edit the login.svg file as well

    ReplyDelete
  12. Anonymous3/08/2024 4:32 am

    Anyone figured our how to edit the main side widget logo URL? That will be helpful.

    ReplyDelete

Subscribe to: Post Comments (Atom)