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
View original
Hi @velraj,
Here are a couple of links that hopefully has exactly what you are looking for:
https://help.k2.com/onlinehelp/k2five/devref/current/default.htm#Themes/Custom-Themes.htm
https://help.k2.com/onlinehelp/k2five/DevRef/5.3/default.htm#Controls/Add-Custom-CSS.html
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
Prineel
Hello
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.
https://help.k2.com/onlinehelp/k2five/devref/current/default.htm#Themes/Custom-Themes.htm
https://help.k2.com/onlinehelp/k2five/DevRef/5.3/default.htm#Controls/Add-Custom-CSS.html
Reply
View our Community Site Map
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.