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; 
}

Originally Posted by 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 */
}

[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/showthr...439#post196439

Originally Posted by 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; 
}

[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