WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Changeing Comments Form background (21 posts)

  1. d4rkcell
    Member
    Posted 10 months ago #

    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.

  2. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 10 months ago #

    What do you want to change it to?

  3. d4rkcell
    Member
    Posted 10 months ago #

    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?

  4. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 10 months ago #

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

  5. d4rkcell
    Member
    Posted 10 months ago #

    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

  6. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 10 months ago #

    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;
    }
  7. d4rkcell
    Member
    Posted 10 months ago #

    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!

  8. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 10 months ago #

    Try replacing "#respond" with "textarea".

  9. d4rkcell
    Member
    Posted 10 months ago #

    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?

  10. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 10 months ago #

    Try:

    body #respond textarea
  11. d4rkcell
    Member
    Posted 10 months ago #

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

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

    frustrating!

  12. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 10 months ago #

    Where are you making this change?

  13. d4rkcell
    Member
    Posted 10 months ago #

    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.

  14. d4rkcell
    Member
    Posted 10 months ago #

    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

  15. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 10 months ago #

    Try:

    body#tinymce {
    
    }
  16. d4rkcell
    Member
    Posted 10 months ago #

    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

  17. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 10 months ago #

    Did you remove this style:

    body#tinymce {
     background: black;
    }

    ?

    If so, can you add it back in so we can debug why it isn't working?

  18. d4rkcell
    Member
    Posted 10 months ago #

    Hi, sorry I had left work last night. What I have at the moment and have had all night is.

    body#tinymce {
      background:black;
    }

    This doesn't seem to work. Is there some reason why I shouldn't edit the editor.min.css file located in wp-includes/css ?

  19. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 10 months ago #

    I think you need to ask your original question in the sub-forum of the plugin that you're using for the textarea.

  20. d4rkcell
    Member
    Posted 10 months ago #

    Ah OK, I wasn't aware I was using a plugin I thought I was using the default that wordpress 3.5.1 uses?

  21. d4rkcell
    Member
    Posted 10 months ago #

    I finally got around this by installing a plugin called "Ultimate TinyMCE" and in the admin panel of this plugin there is an overrides section that lets you modify the bg colour and the text colour.

    http://wordpress.org/plugins/ultimate-tinymce/

Reply

You must log in to post.

About this Topic