Override the font family and other Css styles in form

  • 20 October 2020
  • 2 replies

How can we override the theme styles to change the font family ,size and other styles for all k2 controls in the form. Please advise.


Best answer by Prineel 20 October 2020, 12:22

View original

2 replies

Hi @velraj,


Here are a couple of links that hopefully has exactly what you are looking for:

Hope these help :)


Note: For the first link (using an existing theme), I recommend using the granite theme if Grey Void does not work (I believe it also has a seperate CSS file)


Kind Regards 



You can achieve this by importing fonts from google or hard-coding values in the [ThemeName].css file you should be able to override the fonts by finding and replacing it as follows.

*{font-family: "Arial", Helvetica, sans-serif !important;}

I would recommend testing/checking the changes to ensure that this applies to all media queries to ensure consistency across media devices such as phones, tablets, desktop and caters for all resolutions so that it scales. 

As mentioned, this should be a custom theme - and as part of this exercise, ensure that every time you upgrade you maintain the css files between K2 versions as there may be changes that arise.