CSS 'textarea' not working

  • OK, I’ve been able to identify the CSS to make multiple changes for my design. The changes are listed below, and are on my site. At this point I am troubleshooting the CSS, before I implement my design.

    The thing that doesn’t work is to change the ‘textarea’ color. I do not want white for my design. I want transparent black (rgba).

    Nothing works.

    1–Changing the code in Firebug = nothing. The code:

    .group:before, .group:after {
    content: “”;
    display: table;
    }

    2–Using ‘!important’ after the color hexcode = nothing.

    3–Reading the CSS, identifying code for the various textareas, copying and modifying these in the child theme ‘style.css’ page = nothing.

    4–Checking the forum for similar posts = nothing.

    5–Hueman backend style page = nothing. I don’t see this – am I missing something?

    HELP!

    I’d like to use the Hueman theme, but if I can’t get this right without having to learn PHP on the fly, I’m going to pitch the theme and go with one I’m familiar with.

    ANY help would be very welcome.

    Thank you.
    website: https://www.aileen-conley.com/

    CSS identified which controls the following:
    –remove gray in sidebar
    –change the topbar above sidebar
    –reduce the height and color of the header
    –change the color of the navigation bar
    –add repeating image to the body
    –change the color of the wrapper

    (If it’s not obvious, I’m troubleshooting usability using #ff0000 to set up the style sheet before committing more time.)

Viewing 2 replies - 16 through 17 (of 17 total)

  • Managed to achieve the exact result of your images in the link provided, Thanks.

    .boxed #page {
/* background: #eaeaea; */
padding-bottom: 1px;
}
    #page .container-inner {
/* background: #fff; */
/* -webkit-box-shadow: 0 -1px 0 #fff, 0 1px 1px rgba(0,0,0,0.1); */
/* box-shadow: 0 -1px 0 #fff, 0 1px 1px rgba(0,0,0,0.1); */
}
    .main {
/* background-color: #fff!important; */
position: relative;
}
    .col-2cl .main-inner {
/* background: url(img/sidebar/s-right-s1.png) repeat-y right 0; */
padding-right: 340px;
background-color: rgba(50,50,50, 0);
}
    .content {
/* background-color: rgba(50,50,50, 0.4); */
}
    .col-2cl .s1 {
float: right;
margin-right: -340px;
/* background-color: white; */
background-color: rgba(255,255,255, 0.5);
}

    I think that’s what you wanted?

    Thread Starter apconley

    (@apconley)

    Thank you both.

    The code which you’ve provided is implemented on the site (https://www.aileen-conley.com/). It does not work.

    The content area is solid grey now. The opacity is produced by the white layer behind the grey tint that is called out in the added code.

    Suggestions?

Viewing 2 replies - 16 through 17 (of 17 total)
  • The topic ‘CSS 'textarea' not working’ is closed to new replies.