Text box selected color

[Cadellin]

Could someone tell me which stylevar/class controls the background color of a textbox when it's selected?

Additionally anyone know how to change the default color of text in the WYSIWYG editor?

[Lynne]

I think you want to look these up in Search for Templates and they may tell you the stylevars and/or color:
body.wysiwyg
.editor_textbox textarea (or .editor_textbox iframe)

[Cadellin]

I did as you said but I can't find anything that overrides the white background on focus.

Thanks anyway Lynne

[Lynne]

Whoops, didn't notice it was on focus. I don't know that you can do anything on focus to the wysiwyg since it is an iframe, not a form input.

[Cadellin]

Any further suggestions anyone?

What I'm trying to achieve is a dark theme for my WYSIWYG - which would involve changing the background to the WYSIWYG editor to #2c2c2c and changing the default text color to #fff.

[Cadellin]

I found a solution to this in the end.

.wysiwyg, .formcontrols .blockrow .editor_textbox textarea:focus, .editor_textbox textarea, .editor_textbox iframe, body.wysiwyg {
color: #fff; /*Default Font Color */
background-color: #2c2c2c; /*WYSIWYG Background */
}

[Casmos]

Yes,, it worked. I use only this part. Because all I needed was the WYSIWYG Background color changed thank you very much.

Put in additional.css
/*WYSIWYG Background */

body.wysiwyg {
background-color: #2c2c2c;
}

I found a solution to this in the end.

.wysiwyg, .formcontrols .blockrow .editor_textbox textarea:focus, .editor_textbox textarea, .editor_textbox iframe, body.wysiwyg {
color: #fff; /*Default Font Color */
background-color: #2c2c2c; /*WYSIWYG Background */
}

[OurCouponHome]

I tried to add both of these codes into my additional CSS and neither have worked. I still have my static background showing as background in my member supplied text boxes (they should be white #ffffff). I can't figure this out and it it driving me insane. I had my somewhat "techie" hubby look at in and even he doesn't know what it going on. Any ideas? PLEASE!

Example:
http://www.ourcouponhome.com/showthread.php?26490-Hi-from-Garland-TX&p=196439#post196439



Yes,, it worked. I use only this part. Because all I needed was the WYSIWYG Background color changed thank you very much.

Put in additional.css
/*WYSIWYG Background */

body.wysiwyg {
background-color: #2c2c2c;
}

[Lynne]

We can see no Quick Reply box on that page. If you want us to look, you should supply a test username/password.

[OurCouponHome]

UserID: Techie
Password: password

[Lynne]

Your Quick Reply currently has a black (#2C2C2C) background color and the text is white (#FFFFFF). That is set here in additional.css:

.wysiwyg,.formcontrols .blockrow .editor_textbox textarea:focus,.editor_textbox textarea,.editor_textbox iframe,body.wysiwyg{color:#fff;background-color:#2c2c2c;
although, note that you forgot the closing } above. That means the rest of your CSS in the additional.css file is not valid and won't show up.

[OurCouponHome]

Not sure what happened because now our New Posts look like this

[LichtMann]

Thank you it fixed my problem!!