Modifying the Height of Column Header Bars

This article describes how to change the height of the bars shown in the column header using CSS.

Step-by-Step-Guide

1. Insert the following code in the "custom.css" of your application.

   .column1 .columnDivider {
       height:1px !important;
       overflow:hidden !important;
   }
   

2. By using the "height" attribute in the copied CSS code you are able to adjust the bar width.
   

Related Articles

• Page:
  Line color/ style (linechart)
• Page:
  Modifying the Height of Column Header Bars
• Page:
  Changing the "Hand Symbol" Cursor on Hover
• Page:
  Identifying a component's CSS Class
• Page:
  Hiding a Series' Element Labels