Forums

The css styles of individual text fields

sylwekb 10 May, 2021
How to add css styles for individual text fields in chronoforms 7, e.g. font background colors, etc. Can each field be colored independently? Where to insert the css code?
GreyHead 11 May, 2021
Hi sylwebk,

If you click the Custom button in the form menu bar you can drag a CSS block into the form and dd CSS there to override the default colouring etc. Make sure you use the element IDs to link the CSS to the elements.

Bob
sylwekb 11 May, 2021
css is disabled in free version? I have such a message.
GreyHead 12 May, 2021
Hi sylwekb,

Yes, I just checked and that appears to be the case. You can test your CSS with the Admin View though - that works and lets you see the CSS applied.

Bob
gnash 28 Aug, 2021
Can you give an example of how to style a text box please? I have used
#name {
text-align: center;
color: red;
}

but nothing happens ans the css is not saved,
GreyHead 28 Aug, 2021
Hi gnash,

That appears to work when I test it. Where are you adding the CSS?

Bob
gnash 28 Aug, 2021
Just above the first text box.
GreyHead 28 Aug, 2021
Hi gnash,

Sounds OK; please can you post or PM a link to the form page so we can take a quick look.

Bob
You need to login to be able to post a reply.