2013-12-19

[OrangeHRM v3.0.1] How to edit or remove the footer copyright text and social icons on the login page


1. To edit or remove the footer text on the login and post-login pages 

Edit the _copyright.php file, path:
\symfony\apps\orangehrm\templates\_copyright.php
The file contents are the following:
Line
1     <?php
2     $version = '3.1.1';
3     $prodName = 'OrangeHRM';
4     $copyrightYear = date('Y');
5    
6     ?>
7     <?php echo $prodName . ' ' . $version;?><br/>
8     &copy; 2005 - <?php echo $copyrightYear;?> <a href="http://www.orangehrm.com" target="_blank">OrangeHRM, Inc</a>. All rights reserved.
9    
 You can edit this as you want.  Here is my suggestion if you want to remove everything, delete lines 7, 8 and 9:
Line
1     <?php
2     $version = '3.1.1';
3     $prodName = 'OrangeHRM';
4     $copyrightYear = date('Y');
5    
6     ?>
This will now look like:
This is quite a nice, clean result.

However, if you want to have custom text in there try this:
Line
1     <?php
2     $version = '3.1.1';
3     $prodName = 'OrangeHRM';
4     $copyrightYear = date('Y');
5    
6     ?>
7     <br/>
8     &copy; <?php echo $copyrightYear;?> Company Name. All rights reserved.
9    
 This will look like:

2. Remove the social sharing links from the footer


Let's be honest that's quite unprofessional, would you really deploy OrangeHRM in to your workplace leaving those links there?  Not me.

We can quite easily apply a CSS mod to remove them.

Edit main.css, path:
\symfony\web\webres_521db8499614c0.51100681\themes\default\css\main.css
/symfony/web/webres_521db8499614c0.51100681/themes/default/css/main.css - See more at: http://unofficialmods.blogspot.co.uk/#sthash.4BDZbVgh.dpuf
Depending on if you have modified main.css before, go to about line 351 or 353.  In my case it is line 353, alternatively search for the text #social-icons

This section should look like:
Line
353     #social-icons {
354        margin-top: 5px;
355     }
 After line 353 add display:none; so it should look like this:
Line
353     #social-icons {
354        display:none;
355        margin-top: 5px;
356     }
 Save the changes and refresh the browser on the login page, the social icons will not display now.

11 comments:

  1. Hi,
    It was an interesting stuff you posted here. Have you been able to customize the look and feel (change any part of the theme)?

    ReplyDelete
  2. I have v3.0.1 and theres no _copyright.php file in that location or #social-icons in the main.css either.

    ReplyDelete
  3. Hi There!

    Awesome post, can i also change the links of the icon or replace those with my own.
    I would love to learn about some other customization, like home page, logo, http link line etc.

    Pls help..

    ReplyDelete
  4. I have v3.3.2, after running the "display:none;" as indicated above, the social icons did not disappear. what should I do next?

    ReplyDelete
    Replies
    1. just keep "display: none" and remove other lines from this block.
      #social-icons {
      354 display:none;
      355
      356 }

      Delete
    2. hi, can you help me?

      I want to remove all icon with do using your method but it not disappear. what should i do?

      Delete
  5. Hi,

    Thank you for this initiative.
    I would like to modify by adding login page large image in the background. How can I do it ? Your return would be a great contribution.
    Big thank you

    ReplyDelete
  6. /symfony/web/webres_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx/themes/default/images/login/login.png

    this is the path of login bg image, replace the xxx with your real website path

    ReplyDelete
  7. How do you remove the link to orangehrm website once you logged in ?

    ReplyDelete