How to change the Axis Labels Font Weight as Bold in Bold BI using custom theme
In Bold BI, you can make the axis labels bold by creating a custom theme and modifying the --chart-widget-axis-label-fontweight
property. Follow the steps below to achieve this:
Steps
-
Download the custom theme template : Download the default
dark
andlight
theme from Github repositroy and extract it. -
Modify the custom theme : Navigate to below file location
themes/{light-or-dark}/widgets
Edit the file
boldbi.chart.widgets.definition.css
. Then, provide desired value for the property--chart-widget-axis-label-fontweight
. In below image, we have provided value as900
.
-
Build the custom theme : After made changes in CSS file, build the source to create a custom theme CSS file (boldbi.theme.definition.min.css). Follow the steps provided in Readme.md file to build the source.
-
Upload the theme in Bold BI : After created the custom theme CSS file, upload it in
Dashboard Theme
category by clicking theManage
option. Then select the theme and click save.
-
Reload the dashboard page. Now, the chart widget label font weight will render with your desired value.