Skip to main content
Nintex Community Menu Bar
Solved

Override the font family and other Css styles in form

  • October 20, 2020
  • 2 replies
  • 1180 views
  • Translate
V

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

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

View original
    Did this topic help you find an answer to your question?

    2 replies

    P
    • Prineel
    • 212 replies
    • Answer
    • October 20, 2020

    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

    Translate
    M
    • Mivaro1
    • 27 replies
    • October 20, 2020

    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;}

    https://fonts.google.com/

    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

    Translate

    Reply


    Sidebar Buttons
    Nintex Community Home Contact Nintex Support Email Nintex Community Check Nintex Status
    Terms & ConditionsCookie Settings

    Cookie policy

    We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

     
    Cookie Settings