WordPress.org

Forums

[resolved] Changeing Comments Form background (21 posts)

  1. d4rkcell
    Member
    Posted 1 year 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
    Nuh uh moderator
    Posted 1 year ago #

    What do you want to change it to?

  3. d4rkcell
    Member
    Posted 1 year 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
    Nuh uh moderator
    Posted 1 year ago #

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

  5. d4rkcell
    Member
    Posted 1 year 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
    Nuh uh moderator
    Posted 1 year 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 1 year 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
    Nuh uh moderator
    Posted 1 year ago #

    Try replacing "#respond" with "textarea".

  9. d4rkcell
    Member
    Posted 1 year 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
    Nuh uh moderator
    Posted 1 year ago #

    Try:

    body #respond textarea
  11. d4rkcell
    Member
    Posted 1 year 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
    Nuh uh moderator
    Posted 1 year ago #

    Where are you making this change?

  13. d4rkcell
    Member
    Posted 1 year 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 1 year 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
    Nuh uh moderator
    Posted 1 year ago #

    Try:

    body#tinymce {
    
    }
  16. d4rkcell
    Member
    Posted 1 year 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
    Nuh uh moderator
    Posted 1 year 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 1 year 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
    Nuh uh moderator
    Posted 1 year 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 1 year 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 1 year 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/

Topic Closed

This topic has been closed to new replies.

About this Topic