Question Background text input box color

[Michael Figueroa]

Hi, I'm using vbulletin 5.0.0 and I wanted to know if there is any way to change the background color of the text input box.
I understand there are 2 things involved non-active (non-clicked) then active (clicked). I don't mind changing the overall vbulletin white input boxes but I just don't know how. I plan on upgrading but first I want to see if it's possible because I'm using dark style with white fonts.


Anyways, I wanted to change the white box in photo to black or something dark.
Thanks in advanced!

 

[Fillip H.]

You'll need to edit the template, I believe it's dbtech_vbshout_shoutarea_vertical (or search for id="dbtech_vbshout_editor )

From what I can tell, there is no global input box stylevar/CSS anymore.

 

[Michael Figueroa]

Thank you for your quick response.
I am currently there now can you help me with what to add if possible? I tried a few things and it didn't work.

 

[Fillip H.]

Try adding style="background-color:black;" so it's like so: <textarea style="background-color:black;" id=" etc.

 

[Michael Figueroa]

Try adding style="background-color:black;" so it's like so: <textarea style="background-color:black;" id=" etc.

I had to add

"background-color:black;"

after width percentage so mine looks like this:

<ul class="dbtech_shoutarea_{vb:raw instance.options.shoutarea}">
	<li>
		<textarea id="dbtech_vbshout_editor{vb:var instance.instanceid}" name="dbtech_vbshout_editor" data-instanceid="{vb:var instance.instanceid}" rows="9" cols="1" style="height:{vb:math {vb:var instance.options.height} + 33}px; width:98%; background-color:black; float: {vb:raw instance.options.shoutarea};"></textarea>
	</li>
</ul>

But you really helped me out, Thank You very much for your help!
Yeah like I said earlier I will most likely go to pro in a week.

Thanks again

 

[Michael Figueroa]

Oh I would also like to add if using this have to also change font color or you can't see text as you type.
Both box and text are black so I changed it by adding:

background-color:black; color:white;

changing black text to white. Thanks again