...
Dashboard
Button
Chart Panel
Chart
Table
Card
PDF
Login Screen
Config Screens
Mobile
Each of these options is covered in more detail in the Dashboard CSS Tags section. Prior knowledge of CSS and HTML is useful but not essential.
...
Changing the colour from #000000 to #d80751 for example changes the colour of the sample text.
...
Rather than using hex codes, you can also enter a new colour choice by typing the name of the colour e.g. red or blue.
...
To see how this change might look on the Dashboard, click the ‘Preview’ icon.
...
| Info |
|---|
The optimum size for a logo is around 100px X 50px. |
After adding the relevant images into the correct folders, ensure that you type the name of the image into the relevant sections.
...
Fonts
Custom Font URLs This allows you to configure Custom Fonts to be utilised in piDashboard. The URL specified needs to contain the @Font_Face rules, for example: https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap ).
...
This will extend the height of the “page” allowing you to scroll up/down the dashboard, rather than the vertical size being decided by the monitor.
| Elementor macro | ||||||
|---|---|---|---|---|---|---|
| ||||||