CSS 'textarea' not working

In your child theme’s stylesheet, you have a lot of code commented out by mistake. For example, on line 18 you have:

/* this 'line 68' group applies inserted text everywhere:

Since you don’t have the closing */ afterwards, the browser treats everything that follows that line as a comment, until it sees the appropriate closing */.

Thank you stephencottontail. I’ve cleaned it up, and I think all of the closing */ are included. Neater is always better.

However, that doesn’t really explain why changes to the CSS in Firebug have no effect.

And I generally trialed CSS in the child theme at the top right after:
/* =Theme customization starts here
————————————————————– */
(knowing that I’m a lousy typist).

Do you have any specific suggestions what might solve this? Changing the textarea really should not be a big problem.

Have you tried:

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
background: rgba(0,0,0,0.5);
color: #fff;
}

Thank you. I entered this code at the top of the CSS entries.

No change.

Any other suggestions — references, reading, contacts? — anything?

When I look at your site, I see this:

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
background: rgba(0,0,0,0.5);
color: #fff;
}

The quotation marks in the first two lines got mangled somehow. What program did you use to modify your child theme’s stylesheet? You should always use a plain text editor like Notepad for this kind of work so that this doesn’t happen.

Thank you.

I’m using Notepad, but in this case, I believe I cut and pasted the code directly from the email into the CSS style sheet.

A reminder that I need to be more careful in proofing my style sheet.

I’ll try again!

Hello stephencottontail,

The code which you recommended does not seem to work.

I’ve tried all of the code I’ve been able to find online. I’ve tried the code which I used with the 2010 theme to achieve transparency. I’ve used Firebug to alter the indicated code using ‘background: rgba(0,0,0,.5)’. I’ve tried CSS in my child theme style sheet for every bit of code referencing ‘textarea’.

I’m not seeing where this would be referenced in the .php files–though I’m a novice at php.

There is some information online re. transparency and Javascript, which is out of my depth.

Is there any way this question could be referred to someone expert in the Hueman theme?

Transparency in the TEXTAREA is a frequently requested feature, but I find nothing about this feature and the Hueman theme, online or in the forum.

?? ! HELP!

Can you post a screenshot of a different website that shows what you’d like to achieve? From what I can see, you’ve got your text boxes to be a partially-transparent black, and then because of that, you can “see through” the text boxes to the red background behind them, causing your text boxes to look darker red. You can verify this by changing the opacity on your text boxes:

background: rgba(0,0,0,0.5); to background: rgba(0,0,0,0.2); or background: rgba(0,0,0,0.9);

I dont know if i am on the right track here as i dont fully understand the request however heres my thoughts on what i see. Have you tried this for the background color in your child theme?

.content {
background-color: rgba(0, 0, 0, 0.5);
opacity: .5;
}

And then this for the text color?

.entry {
font-size: 18px;
line-height: 1.6em;
color: #FFFFFF;
}

Thank you.

Screenshots posted at: https://www.aileen-conley.com/?page_id=210 (under heading ‘Samples’).

Red color is placeholder: it identifies CSS for formatting. Red areas will be a percent grey tint, or clear, as in the samples shown.

iGetPro: the code produces 50% opacity of the image and the color behind it–but thank you.

What if you used:

.content {
background-color: rgba(50,50,50, 0.4);
}

That’s the same rgba color you have in the header. Then you could play with the opacity of the text areas until it looks right.

Thank you.

The code you supplied does not work–as you can see: https://www.aileen-conley.com/?page_id=210.

It lays a 40% grey tint over the white beneath it. It does not lay a 40% tint over the body image. (I’d tried this code–line 91).

Nothing seems to knock out the white. This really should be addressed. Most folks who are designing sites are going to want to be able to control effects applied to the content area.

Any further ideas? Can this question be referred to the theme designer?

It appears that the background color is being set way back in the container so if you edit that out in css you will have your opacity.

.boxed #page {
background-color: rgba(50,50,50, 0.4);
padding-bottom: 1px;
}

Hope thats it ??

Sorry forgot to mention:

Cancel out your background colors on each level working down as required.
Container
Container-Inner
Main
The white in the sidebar is coming from the image background in col-2cl. Remove that and the sidebar will be transparent also.

I noticed you had this code commented out in your child theme:

.col-2cl .main-inner {
    background: url(" ") repeat-y scroll right 0 rgba(0, 0, 0, 0);
    padding-right: 340px;
}

What if you uncommented that code, removed the code in my last post:

.content {
    background-color: rgba(50,50,50, 0.4);
}

And added:

.main {
    background-color: rgba(50,50,50,0.4) !important;
}

That would get rid of all the white in the content area (except for the red surrounding the CMI image), making it all the same light gray as the header area.