Buy Now
Sign in

The css styles of individual text fields

sylwekb , May 10 2021, 15:15
S
sylwekb 124
May 10 2021, 15:15 #396407
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 65
May 11 2021, 09:40 #396414
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
If you'd like to buy me a coffee or two, thank you very much
S
sylwekb 124
May 11 2021, 10:19 #396415
css is disabled in free version? I have such a message.
GreyHead 65
May 12 2021, 09:55 #396427
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
If you'd like to buy me a coffee or two, thank you very much
G
gnash 11
August 28 2021, 14:57 #397002
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 65
August 28 2021, 15:59 #397004
Hi gnash,
That appears to work when I test it. Where are you adding the CSS?
Bob
If you'd like to buy me a coffee or two, thank you very much
G
gnash 11
August 28 2021, 20:29 #397006
Just above the first text box.
GreyHead 65
August 28 2021, 21:01 #397007
Hi gnash,
Sounds OK; please can you post or PM a link to the form page so we can take a quick look.
Bob
If you'd like to buy me a coffee or two, thank you very much