Updating the field input color in a form

Jane Vance

May 02, 2017 14:38

How do I change the colour of this element? I can change the label but not the actual input text.

Original post by Huw Williams

0

Comments

1 comment

Official comment
Jane Vance

May 02, 2017 14:41
Answer from ShortStack Support: This can be done via the Style Panel. Here's how to style the checkboxes:
1. Click the icon at the top to open the Style Panel
2. Click the Form Widget in the Edit Widgets Panel to open the Form Widget settings in the Style Panel
3. Within the Style Panel under ALL FORM, click INPUT BOXES
4. In the INPUT TEXT section, update the color in the box below Text Color
5. Click Save at the bottom of the Style Panel
Steps 1-4 are illustrated in the image below.

For older Campaigns not using Style Panel:

If you are not using the Style Panel for your Campaign (older Campaigns), then you can update the color of the input text icons using CSS. Here's the CSS you need:
```
/*Form input text*/
.field_block input, .field_block textarea{
  color:#f1f1f1;
}
```
Permalink

Please sign in to leave a comment.