CODEWITHSUNDEEP
highcharts
Johannes Christ
Johannes Christ

Reputation: 109

Highstocks How to change the font of the buttons of the range selecotor

I built a Highstock graph and want to change the font of the buttons. See fiddle

buttonTheme: {
              fill: '#0065b3',
              padding: 10,
              width: 60,
              r: '5',
              style: {
                    fontFamily: 'Poppins'
                     },
              states: {
                    hover: {
                          style: {
                              fontFamily: 'Poppins',
                              fontWeight: 'bold'
                                }                           
                          },
                    select: {
                          style: {
                              fontFamily: 'Poppins'
                                  }
                             }
                      }
                      },

The font of the selected button is correct but the others are not. After hovering over them they get the correct font and keep it. When you reload the graphic the font is lost again. What can I do?

Upvotes: 0

Views: 213

Answers (1)

Sebastian Wędzel
Sebastian Wędzel

Reputation: 11633

Try to use the CSS properties to set it as workaround: 

.highcharts-range-selector-buttons {
    font-family: Poppins !important;
}

Demo: https://jsfiddle.net/BlackLabel/qfp1erjv/

Upvotes: 1

Related Questions