Clock Widget Font Size

[rodrigolinux]

I noticed that in version 7.x, the Date and Time size option no longer appears in the Clock Widget. How do I customize it?

[rodrigolinux]

# I found a solution:

sudo vi /usr/share/zabbix/ui/assets/styles/custom.css

/* Clock Widget */
.clock-date { font-size: 24px !important; font-weight: bold; }
.clock-time { font-size: 12px !important; font-weight: bold; }


# Set permissions for the file:

sudo chown root:root /usr/share/zabbix/ui/assets/styles/custom.css


# Import the file to be uploaded (in this case I'm doing it in the dark theme, do it in the others if you want):

sudo vi /usr/share/zabbix/ui/assets/styles/dark-theme.css

@import url("custom.css?v=1"); /* Place on the first line of the file, before everything */


# Restart apache (no need to restart, but it's good to confirm):

sudo systemctl restart apache2


# Refresh your browser and that's it, the size of the time and/or date will change.


Before:



After: