Articles in this section
Category / Section

How to change the Axis Labels Font Weight as Bold in Bold BI using custom theme

Published:

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

  1. Download the custom theme template : Download the default dark and light theme from Github repositroy and extract it.

  2. 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 as 900.
    image.png

  3. 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.

  4. Upload the theme in Bold BI : After created the custom theme CSS file, upload it in Dashboard Theme category by clicking the Manage option. Then select the theme and click save.

    image.png

  5. Reload the dashboard page. Now, the chart widget label font weight will render with your desired value.

Before changes

image.png

After changes

image.png

Additional References

Was this article useful?
Like
Dislike
Help us improve this page
Please provide feedback or comments
IJ
Written by Israel Jebaraj Chandirakumar
Updated
Comments (0)
Please  to leave a comment
Access denied
Access denied