Can't find the name of some fields to change them in StyleVar. PLEASE help.

[CliffyTX]

I'm going to put this in as simple of terms as I can. Admittedly, I'm brand new to starting from scratch with vBulletin, or any forum software for that matter, but I've managed to do okay thus far.

I'm now trying to create my first post, rules for the site, and for the life of me, I can NOT find the name of the fields to edit anything to do with them.

The problems: (See attachment)
1) Site, when using the 'theme' I'm wanting to make default (and doing all the customizations to) is overall dark, intentionally. In some areas, such as you'll see in the attachment, have dark text and I can't find its 'title' to change its text color, etc.

2) The biggest problem is when I go to make a new post, my first on the forum: The area to enter the body of the post's text is white...and so is the font. Ideally, I'd like to change the font to dark for that area, but I'm willing to keep the font white if I can change the text-entry area in that section to a dark color or image. (The placeholder text, "Write something..." is fine. But when I go to start writing the text for the post, it's white. This isn't an issue in the 'Enter title' area, as its placeholder is dark and so is the text when you type.)

Hopefully all of this will make sense to everyone when you view the attachment.

This problem is perplexing me to the point of insanity and I've been searching and trying for hours upon hours.

Thanks.

(Using vBulletin 5.1.9 Connect if that matters. Seriously considering starting from scratch with an earlier version after all the horror stories I've been reading, but trying to give it a chance.)

[Replicant]

The CK editor is the most difficult part of building a style IMO. Hope this info helps.

Create new topic

h1.main-title.js-main-title.hide-on-editmode {
color:red;
}

Text area

.b-form-textarea__textarea{
background:blue!important;
}

Text area text color

body.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders.js-vbulletin-has-placeholder-events {
    color: green;
}

[CliffyTX]

I'll have to admit that I'm totally in the dark about where to go to edit this code you've given.

I put in CK Editor into the search area of the Admin CP and saw Template Editor, but when I click on it, I get the error message: That action could not be completed. Please try again, and if this occurs again please contact the system administrator and tell them how you got this message.

I'm the owner of the license and the site, and if relevant, on a fully-managed hosting plan on a VPS.

I thought I was pretty tech savvy, but this whole thing is making me feel real, real stupid.

Any additional help you can give me, whether publicly or privately, on-site or off, is greatly appreciated. I just plead for your patience with me.

[Replicant]

I'm sorry, add this code to your css_additional.css template. Go to Admincp > style manager.