Title: Textarea background
Last modified: August 21, 2016

---

# Textarea background

 *  [Bob Varaleau](https://wordpress.org/support/users/bob-varaleau/)
 * (@bob-varaleau)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/textarea-background/)
 * I have been trying for sometime now to change the background color of the textarea
   on my home page using CSS. Could someone please put me out of my misery and give
   me the CSS code to use.

Viewing 15 replies - 1 through 15 (of 16 total)

1 [2](https://wordpress.org/support/topic/textarea-background/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/textarea-background/page/2/?output_format=md)

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/textarea-background/#post-4597249)
 * Do not edit the Twenty Fourteen theme. It is the current default WordPress theme
   and having access to an original, unedited, copy of the theme is vital in many
   situations. First [create a child theme for your changes](http://codex.wordpress.org/Child_Themes).
   Or install a [custom CSS plugin](http://wordpress.org/extend/plugins/search.php?q=custom+css).
 *  Thread Starter [Bob Varaleau](https://wordpress.org/support/users/bob-varaleau/)
 * (@bob-varaleau)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/textarea-background/#post-4597254)
 * It is true that I have a lot to learn with Word Press. It looks like I have done
   one thing right. I have installed the Custom CSS plugin and have been looking
   at the Stylesheet in an effort to find what code I should be editing with the
   CSS plugin.
 * Thanks for the quick response.
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/textarea-background/#post-4597257)
 * Try using Firefox with the [Firebug add-on](http://getfirebug.com/) for this 
   kind of CSS troubleshooting. Or use whatever developer tool is available in your
   web browser. It should cut your CSS development time in half.
 *  Thread Starter [Bob Varaleau](https://wordpress.org/support/users/bob-varaleau/)
 * (@bob-varaleau)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/textarea-background/#post-4597271)
 * I have been using Chrome to look at the code and I do see a heading with the 
   title “textarea”. I have tried adding background to the items after this with
   no success. Just below that is a heading of “body” with a background colour but
   that does not change the area I want to change.
 * What could be my problem is that before I got the CSS plugin I may have made 
   some changes directly in the Stylesheet and in the templates files. In particular
   the menu php code. Is there a way to reset the codes and start over? I did not
   make a lot of changes and if they did not have the desired effect I put them 
   back to what they were.
 *  [Tareq](https://wordpress.org/support/users/worthingtech/)
 * (@worthingtech)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/textarea-background/#post-4597272)
 * Use the following but beware that this will change all paragraph elements on 
   your site:
 *     ```
       p {
       background: #000000;
       color: #ffffff;
       }
       ```
   
 * The `background` property defines the background color, and the `color` property
   defines the text color.
 * If you only need to change a certain paragraph, you should look at adding custom
   CSS classes to your content.
 *  Thread Starter [Bob Varaleau](https://wordpress.org/support/users/bob-varaleau/)
 * (@bob-varaleau)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/textarea-background/#post-4597318)
 * That’s not exactly what I had in mind, but thanks anyway.
 * It could be that the textarea container is not what I want and I should just 
   eliminate it and place my content on whats under it. I think that would be the
   body or is there another container more suited to what I want?
 *  [Tareq](https://wordpress.org/support/users/worthingtech/)
 * (@worthingtech)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/textarea-background/#post-4597336)
 * If you post a link to your site, I’ll take a look at it.
 * It’s much easier to work with when I’m looking at the site in question and fiddling
   around with the Developer Tools in my browser.
 *  Thread Starter [Bob Varaleau](https://wordpress.org/support/users/bob-varaleau/)
 * (@bob-varaleau)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/textarea-background/#post-4597343)
 * Much appreciated, Thanks
 *  Thread Starter [Bob Varaleau](https://wordpress.org/support/users/bob-varaleau/)
 * (@bob-varaleau)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/textarea-background/#post-4597344)
 * [http://blackdog.freshbreezeinn.com/](http://blackdog.freshbreezeinn.com/)
 *  [Tareq](https://wordpress.org/support/users/worthingtech/)
 * (@worthingtech)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/textarea-background/#post-4597349)
 * Try:
 *     ```
       .entry-content {
       background: #000000;
       color: #ffffff;
       }
       ```
   
 * With whichever colors you like.
 *  Thread Starter [Bob Varaleau](https://wordpress.org/support/users/bob-varaleau/)
 * (@bob-varaleau)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/textarea-background/#post-4597355)
 * Nope….. no joy with that code.
 * I lost all the text and the background stayed white. I changed the background
   to a different colour and there was no change.
 * One thing that I do know that works as far as the text colour is concerned is
   this code. I tried adding a background colour but that didn’t work either.
 * body,
    button, input, select, textarea { color: #000000; font-family: Lato, sans-
   serif; font-size: 16px; font-weight: 400; line-height: 1.5; }
 *  Thread Starter [Bob Varaleau](https://wordpress.org/support/users/bob-varaleau/)
 * (@bob-varaleau)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/textarea-background/#post-4597356)
 * This looks nicer.
 * Nope….. no joy with that code.
 * I lost all the text and the background stayed white. I changed the background
   to a different colour and there was no change.
 * One thing that I do know that works as far as the text colour is concerned is
   this code. I tried adding a background colour but that didn’t work either.
 *     ```
       body,
       button,
       input,
       select,
       textarea {
       	color: #000000;
       	font-family: Lato, sans-serif;
       	font-size: 16px;
       	font-weight: 400;
       	line-height: 1.5;
       }
       ```
   
 *  [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * (@stephencottontail)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/textarea-background/#post-4597357)
 * Try:
 *     ```
       .site-content .entry-content {
           background: #000000;
           color: #FFFFFF;
       }
       ```
   
 *  Thread Starter [Bob Varaleau](https://wordpress.org/support/users/bob-varaleau/)
 * (@bob-varaleau)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/textarea-background/#post-4597358)
 * Yahoo …… that worked…..
 * [http://blackdog.freshbreezeinn.com/](http://blackdog.freshbreezeinn.com/)
 * Now of course there are a number of other items which I would like to change 
   the background for but I think with this bit of code I should be able to figure
   out the rest.
 * Thanks so much.
 *  [Tareq](https://wordpress.org/support/users/worthingtech/)
 * (@worthingtech)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/textarea-background/#post-4597359)
 * Doh! I was so close, glad you got it sorted

Viewing 15 replies - 1 through 15 (of 16 total)

1 [2](https://wordpress.org/support/topic/textarea-background/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/textarea-background/page/2/?output_format=md)

The topic ‘Textarea background’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/twentyfourteen/4.4/screenshot.
   png)
 * Twenty Fourteen
 * [Support Threads](https://wordpress.org/support/theme/twentyfourteen/)
 * [Active Topics](https://wordpress.org/support/theme/twentyfourteen/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/twentyfourteen/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/twentyfourteen/reviews/)

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [textarea](https://wordpress.org/support/topic-tag/textarea/)
 * [Twenty Fourteen](https://wordpress.org/support/topic-tag/twenty-fourteen/)

 * 16 replies
 * 4 participants
 * Last reply from: [Bob Varaleau](https://wordpress.org/support/users/bob-varaleau/)
 * Last activity: [12 years, 2 months ago](https://wordpress.org/support/topic/textarea-background/page/2/#post-4597486)
 * Status: not resolved