Ad Widget

Collapse

change zabbix logo

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • mvfraga
    Junior Member
    • Apr 2019
    • 1

    #1

    change zabbix logo

    Hello i'm testing zabbix 4.0 on CentOS 7 and everything is fine only the logo change is not working for me i'm editing the .css files dark-theme.css and blue-theme.css parts:

    .signin-logo { margin: 0 auto; margin-bottom: 21px; height: 30px; background: url(../img/mylogo.png) no-repeat 0; }

    .logo { float: left; display: block; width: 95px; height: 25px; background: url(../img/mylogo.png) no-repeat 0; }

    .browser-logo-chrome { background: url(../img/mylogo.png) no-repeat 0 0; }
    .browser-logo-ff { background: url(../img/mylogo.png) no-repeat; }
    .browser-logo-ie { background: url(../img/mylogo.png) no-repeat 0; }
    .browser-logo-opera { background: url(../img/mylogo.png) no-repeat 0; }
    .browser-logo-safari { background: url(../img/mylogo.png) no-repeat 0; }

    But still won't work for me any help? Thanks!
    Last edited by mvfraga; 16-04-2019, 21:30.
  • mikco
    Junior Member
    • Apr 2019
    • 11

    #2
    Hi

    it is necessary to change the size of the icon to appropriate values, but it may not look correctly

    * For the browser tab: you must change the favicon.ico (/ usr / share / zabbix /)


    * Change the logo on the login page: in the directory (/ usr / share / zabbix / styles /) for the 4 files there, put:

    .signin-logo {
    margin: 0 auto;
    margin-bottom: 21px;
    /*width: 114px;*/
    height: 30px;
    background: url(../img/signin-logo.png) no-repeat 0; }
    for the logo menu, in the same 4 files as before, we must put: .logo { float: left; display: block; width: 95px; height: 25px; background: url(../img/dashboard-logo.png) no-repeat 0; } and browser-logo-chrome { background: url(../img/dashboard-logo.png) no-repeat 0 0; } .browser-logo-ff { background: url(../img/dashboard-logo.png) no-repeat; } .browser-logo-ie { background: url(../img/dashboard-logo.png) no-repeat 0; } .browser-logo-opera { background: url(../img/dashboard-logo.png) no-repeat 0; } .browser-logo-safari { background: url(../img/dashboard-logo.png) no-repeat 0; }

    Comment

    Working...