How to Page?

 

Topic #8181 :How to Change Logo in Ephesoft 4.x Versions

Applicable Ephesoft versions:

Ephesoft 4.0 to 4.5

 

Instructions:
1. Navigate to the Ephesoft\application folder and edit the home.html file

Windows Server 2012 R2 Template-2015-03-03-15-13-16
2. Search for “logo_login.svg

Windows Server 2012 R2 Template-2015-03-03-15-12-16
 

3. replace the “.svg” with “.png”

Windows Server 2012 R2 Template-2015-03-03-15-13-34

4. Repeat this for:

Ephesoft\Application\login.html
Ephesoft\Application\common.css

5. A new logo file needs to be created and then named logo_login.png and placed in two areas:

Ephesoft\Application\images (used by the home screen)
Ephesoft\Application\themes\default_theme\images

6. Height and Width needs to adjusted in 2 CSS files. One can adjust height and width by using browser’s developer tool:-

a. Application\css\home.css (Class Name: .logo).

b. Application\common.css (Class Name: .logoPanel .iconImage).

NOTE: If new logo seems to disappear modify the common.css file (located in Ephesoft\Application), then search that file for logo_login. It will bring you a section called .logoPanel .iconImage. Inside that area is a setting called background-size:100%. Try changing the percentage, probably start with around 40% and see how that looks.
< Back | How To Main PageNext How To Article #? >