WordPress.org

Support

Support » Themes and Templates » [Resolved] Changeing Comments Form background

[Resolved] Changeing Comments Form background

  • 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
    Forum moderator

    @anevins

    What do you want to change it to?

    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
    Forum moderator

    @anevins

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

    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
    Forum moderator

    @anevins

    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;
    }

    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
    Forum moderator

    @anevins

    Try replacing “#respond” with “textarea”.

    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
    Forum moderator

    @anevins

    Try:

    body #respond textarea

    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
    Forum moderator

    @anevins

    Where are you making this change?

    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.

    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
    Forum moderator

    @anevins

    Try:

    body#tinymce {
    
    }

    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 ‘[Resolved] Changeing Comments Form background’ is closed to new replies.