• Resolved d4rkcell

    (@d4rkcell)


    Hello I am new to this forum and until now have managed to viciously hack my way through wordpress but after much scouring CSS and php i cannot figure this out.

    I am using the Twenty Eleven theme in “dark” mode and want to change the background of the comments form textarea.

    As you can see HERE the form background isn’t great.

    Can anyone give me any help on this and where to start please?

    PS – Sorry if this isn’t the right place to post.

Viewing 15 replies - 1 through 15 (of 20 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What do you want to change it to?

    Thread Starter d4rkcell

    (@d4rkcell)

    Hi Andrew, thanks for the quick response!

    Anything other than the colour that is there preferably something like #000000 to give better contrast against the text.

    Any tips?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you have a section of the dashboard named, “Custom CSS”, “Edit CSS” or “Custom CSS Manager”?

    Thread Starter d4rkcell

    (@d4rkcell)

    Hi, under Appearance i can see “Editor” and it has the twenty eleven theme selected in a drop down menu and I can see 4 CSS files:

    style.css
    editor-style-rtl.css
    editor-style.css
    rtl.css

    Also on my FTP in the theme folder there is a file themes/twentyeleven/colors/dark.css

    I have tried to find something in all 4 of these files but can’t see anything obvious. It would be great if you or someone else knows which part of the CSS needs to be changed?

    Thanks

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try to avoid editing the theme’s files.

    Install this Custom CSS Manager plugin and use its section of the dashboard to hold your CSS modifications:

    body #respond {
     background: black;
    }

    Thread Starter d4rkcell

    (@d4rkcell)

    Andrew, that has worked great but seems to have changed the background of the whole area not just the textarea, is there a way to modify just the textarea? See the link http://d4rkcell.com/archives/1249#respond

    Thanks for your help so far!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try replacing “#respond” with “textarea”.

    Thread Starter d4rkcell

    (@d4rkcell)

    That doesn’t seem to work, it goes back to being the grey colour which i think is #222222.

    I tried

    body.textarea{background: black;}
    and
    body textarea{background: black;}
    and
    body #textarea{background: black;}
    and
    body #respond textarea{background: black;}

    none of them seemed to work. Any other ideas?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try:

    body #respond textarea

    Thread Starter d4rkcell

    (@d4rkcell)

    Still not working, its as if the CSS is ignoring the textarea element.

    also tried (without any luck):
    #respond form textarea{background:black;}

    frustrating!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Where are you making this change?

    Thread Starter d4rkcell

    (@d4rkcell)

    This has me really puzzled because

    body #respond textarea#comment {
        height:30px;
    }

    makes my comment box smaller but adding background:black or background-color:black doesn’t make a difference. Scrathing my head a little now.

    So the last thing i tried in custom CSS Manager is

    body #respond textarea#comment {
    	height:30px;
      	background:black !important;
    }

    will keep trying new things but starting to think this isn’t possible.

    Thread Starter d4rkcell

    (@d4rkcell)

    Where are you making this change?

    I am making the changes in Custom CSS Manager plugin you told me to download. I am sure I read somewhere that whatever is in dark.css under wp-content/themes/twentyeleven/colors overrides, hence why i tried the !important.

    Not fluent in CSS by any means so correct me if my usage of !important is not necessary in this instance.

    Thanks

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try:

    body#tinymce {
    
    }

    Thread Starter d4rkcell

    (@d4rkcell)

    hmm this puts me back to square one mate.

    I noticed in my code that its referencing this CSS file.

    http://d4rkcell.com/wp-includes/css/editor.min.css

Viewing 15 replies - 1 through 15 (of 20 total)
  • The topic ‘Changeing Comments Form background’ is closed to new replies.