Yes, you can change the text font settings and sizes via CSS by setting values to the respective property with respect to the class referred on your html file . Please find the following code snippet regarding that,
If you need to change the size of label text/change the font family:
.e-dashboardviewer .e-dbrd-label-control[id=dashboard_Widget_Label_2] span{
// Here “dashboard” refers the id of the whole container div
font-size : 14px !important;
font-family : Times New Roman !important;
}
If you need to increase the size of the banner:
.e-dashboardviewer.e-js .e-dbrd-banner{
height : 60px; // will increase the size of the top bar
line-height : 40px !important; // will align the icons with respect to size changes
}
If you need to change the font family of the widget title/change the size:
.e-dashboardviewer .e-dbrd-control-container[data-widget-id=Gauge_2] .e-control-title{
font-size : 30px;
font-family : Times New Roman;
} |