How to make an institute logo as the only main logo on the BMS login page


1.Name the institute logo as logo1.png

                   Example: (logo1.png)


2. Copy logo1.png to: C:\BMS4\infrastructure\tomcat\webapps\ibpworkbench\WEB-INF\static\images\

3. Edit the file: C:\BMS4\infrastructure\tomcat\webapps\ibpworkbench\WEB-INF\pages\login-fragments.html

    Change the line:

       <img class="login-logo" th:src="@{/controller/static/images/logo.png}"

     to                    

       <img class="login-logo" th:src="@{/controller/static/images/logo1.png}"

4. Save the file as "login-fragments1.html"

5. Delete login-fragments.html, then rename login-fragments1.html to login-fragments.html

6. Restart Tomcat.

Increasing the logo size

  1. Using a text editor, open the file C:\BMS4\infrastructure\tomcat\webapps\ibpworkbench\WEB-INF\static\css\login.css
  2. Change
        .login-logo {
        width: 128px;
        width: 8rem;
        border-radius: 4rem; }

         to

        .login-logo {
        width: 240px;
        width: 16rem;
        border-radius: 4rem; }

      3. Save the file.

      4. Restart Tomcat.

Removing the rounded borders (optional)

Delete the border-radius CSS element:    

       Change

        .login-logo {
        width: 240px;
        width: 16rem;
        border-radius: 4rem; }

         to

        .login-logo {
        width: 240px;
        width: 16rem; }