Changing the color of text from field in edit mode VIA CSS

Dave,   We are all noobs around here…  Don’t worry. 

Not sure I totally understand,  what you are trying to do.  But if you want to target the text showin in the edit mode version of the field - you’ll want to build your css around the “input” tag.

So here is something I did:  I added the css class “greenText” to a field editor and then added this css rule.

.greenText input {    color: green;  }


And the field editor looked like this: 


 

Thank you Rob, yes as u said, I’m trying to change the color of text from field in edit mode

I just copied your exact code, put it in a css class (inline) -Just changed the color to red

I put in the field the CSS class name: greenText (tried as well to do it on field Editor instead of specific field)

But still did not work, the text is not red 😦

The field is still shown in the default color I chose on Theme (green)

You could try this instead - might be worth a shot:

.greenText input {color: green !important;}<br>

Ty Louis, but unfortunately that did not work either 😦

If you set your Theme to default will it work then?

Hey Tami,

I did try that as well but did not work either.

If i use the code below,The color works, but on all All large text type of fields

.greenText .nx-field input, .nx-field textarea {
 color:#ff0000
}

But still cannot get this to be applied on specific field

Try this to limit it to just fields with the greenText css class.

.greenText .nx-field input, .greenText .nx-field textarea {
 color:#ff0000
}

the comma in your rule represents the start of a new selector.

Ty Ben, that worked perfectly 🙂