How to Page?
Topic #8181 :How to Change Logo in Ephesoft 4.0
Applicable Ephesoft versions:
Ephesoft 4.0
Instructions:
1. Navigate to the Ephesoft\application folder and edit the home.html file
2. Search for “logo_login.svg
3. replace the “.svg” with “.png”
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 Page| Next How To Article #? >