I have added multiple Text - Short controls to a form. Can the font style and size for a single Text - Short control be changed within the form?
Change Font type and size in a Text - Short control
I have added multiple Text - Short controls to a form. Can the font style and size for a single Text - Short control be changed within the form?
You can change the font size and style of the entire form by clicking on styles tab.
![](https://uploads-us-west-2.insided.com/nintex-us/attachment/92cbb318-e335-4098-9c64-4eb7a5c1ba0a.png)
You cannot update font style and size on one control unless you use CSS - to my knowledge anyways. The only thing you can change on a given control is border color, control fill and control input color, if not using CSS.
Here is the CSS guidelines should it help!
Custom CSS Guidelines (nintex.com)
Here is an example:
Large green font for only my first text control.
![](https://uploads-us-west-2.insided.com/nintex-us/attachment/bd52c9da-dd2d-465c-af54-527319d79558.png)
Under the css code editor my code is:
[dir] .nx-theme-styles .custom-test label {
color: #17a80b;
font-size: large;
}
On the control itself under CSS class I titled it “custom-test”.
![](https://uploads-us-west-2.insided.com/nintex-us/attachment/f2419d37-a627-4e48-819a-3e250515fc00.png)
Hi
![](https://uploads-us-west-2.insided.com/nintex-us/attachment/a1c8454b-33b9-4d20-ac63-ac750dfa4db7.png)
If you want to add a custom font then you can make use of CSS by enabling the advanced styles:
![](https://uploads-us-west-2.insided.com/nintex-us/attachment/3d1d529a-11be-43fe-89d5-ea55665b361a.png)
And you can then use a link to load the font you want.
@import url('https://fonts.googleapis.com/css?family=Montserrat');
ntx-form-runtime * {
font-family: 'Montserrat'!important;
}
![](https://uploads-us-west-2.insided.com/nintex-us/attachment/7d69d432-384d-400d-a1d5-e337c6aa186c.png)
Then you will see the font applied:
![](https://uploads-us-west-2.insided.com/nintex-us/attachment/843157ca-15bc-4a98-857a-69eeb1846141.png)
Hi Jake/Brandi,
Apologies for the delay, and thank you for your response. I looked at activating the Custom CSS feature but wanted to verify if the incompatibility with future form upgrades applies only to the individual form that has the feature enabled or to the entire application. Do future upgrades impact all forms?
I ask because I first have to enable Custom CSS in the settings menu, which makes the option available in the form, and then enable the CSS feature under Advanced Styles in each individual form to change the style. Making the entire application incompatible for future updates does not make sense to me.
Hi
The message regarding the upgrades potentially stopping the CSS from working is only really there to cover from an accountability aspect from Nintex, Ultimately customisations like that are your choice and Nintex support may not assist you.
There are a couple things you can do to make administration easier.
If managing multiple forms is an issue then you can always host the CSS file and use the link feature:
![](https://uploads-us-west-2.insided.com/nintex-us/attachment/cd2b795d-9205-4aeb-aec3-5cb6bd10a307.png)
That way if the CSS needs to change for all forms you can just update the single file and all of the forms will pick up the change, hosting the file is entirely up to you, most companies will have some kind of public hosting capability.
The CSS I shared only contains one potential issue which is if we choose to rename the tag ntx-form-runtime which I would say is quite unlikely but not impossible.
Since its implementation I have made many CSS styles for our forms and I am yet to encounter issues but ultimately the choice to use it is entirely up to you.
Jake
Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.