Title: Text are background color CSS code Last modified: August 21, 2016 --- # Text are background color CSS code * [chika7](https://wordpress.org/support/users/chika7/) * (@chika7) * [12 years, 7 months ago](https://wordpress.org/support/topic/text-are-background-color-css-code/) * Could someone please help me with setting up a grey text area background so that my posts are readable when I have a background image. Here is my website and it’s the Snapshot theme. If you could advise me on the CSS code I need to use and where I need to put it in the CSS file, that would be great! Thank you! * [http://sjulab.com/backoffice/uncategorized/first-official-test-post-for-lab-200/](http://sjulab.com/backoffice/uncategorized/first-official-test-post-for-lab-200/) Viewing 11 replies - 1 through 11 (of 11 total) * [Josiah](https://wordpress.org/support/users/josiahboyd/) * (@josiahboyd) * [12 years, 7 months ago](https://wordpress.org/support/topic/text-are-background-color-css-code/#post-4165558) * Hi, * The following needs to be edited: * style.css line 830: #post-main { float: left; margin-right: 25px; min-height: 10px; width: 440px; } to something like: #post-main { **background-color: #333;** float: left; margin-right: 25px; min-height: 10px; _ padding: 10px;_ width: 500px;} * I also added some padding so that should help with the look, otherwise your text is right on the border. * I would recommend not editing the main file style.css because if you ever update your theme, all of your changes will be over-ridden (which is no fun, I promise). * Instead you can use a child theme, which will make the changes to your website but not be over-written on updates. Here’s some info on a child theme: [http://codex.wordpress.org/Child_Themes](http://codex.wordpress.org/Child_Themes) * I hope that helps. * Josiah * Thread Starter [chika7](https://wordpress.org/support/users/chika7/) * (@chika7) * [12 years, 7 months ago](https://wordpress.org/support/topic/text-are-background-color-css-code/#post-4165815) * Hi, thanks Josiah but it’s not working for this site: [http://dominiqueam.com](http://dominiqueam.com) * It seemed to work for my test site above, though! * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 7 months ago](https://wordpress.org/support/topic/text-are-background-color-css-code/#post-4165816) * You need to let us know in advance the websites you want it to work on. Are there any more sites? * [Josiah](https://wordpress.org/support/users/josiahboyd/) * (@josiahboyd) * [12 years, 7 months ago](https://wordpress.org/support/topic/text-are-background-color-css-code/#post-4165817) * Try this. I could not find text except for in the footer area: * #footer .widget { -moz-box-sizing: border-box; color: #898989; float: left; font-size: 12px; padding: 0 7px; width: 33.3333%; word-wrap: break-word; ** background:# 333333;** } * Thread Starter [chika7](https://wordpress.org/support/users/chika7/) * (@chika7) * [12 years, 7 months ago](https://wordpress.org/support/topic/text-are-background-color-css-code/#post-4165832) * Sorry, I didn’t know if could post my student’s websites in the forums, but I will do that from now on, the site I am working on is the second one: [http://dominiqueam.com](http://dominiqueam.com) * I will try Josiah’s second suggestion. Thank you * Thread Starter [chika7](https://wordpress.org/support/users/chika7/) * (@chika7) * [12 years, 7 months ago](https://wordpress.org/support/topic/text-are-background-color-css-code/#post-4165870) * Hi Thanks, the background color for the blog posts area is now fixed but now the links don’t work on the main page – I can’t click on any of the blog posts! * [http://dominiqueam.com](http://dominiqueam.com) * [Josiah](https://wordpress.org/support/users/josiahboyd/) * (@josiahboyd) * [12 years, 7 months ago](https://wordpress.org/support/topic/text-are-background-color-css-code/#post-4165871) * hmmm… that is strange. Did you make any other css adjustments or php changes? * Thread Starter [chika7](https://wordpress.org/support/users/chika7/) * (@chika7) * [12 years, 7 months ago](https://wordpress.org/support/topic/text-are-background-color-css-code/#post-4165872) * Yes, we may have… but won’t remember where or when, I’ll check for answers in another forum. Thanks – is there an easy way to compare the original css with the new one to find inconsistencies? * [Josiah](https://wordpress.org/support/users/josiahboyd/) * (@josiahboyd) * [12 years, 7 months ago](https://wordpress.org/support/topic/text-are-background-color-css-code/#post-4165873) * Were you using a child theme or custom css editor? If so, you can always compare those notes. * It’s highly recommended to use a child theme for this reason. * [WPyogi](https://wordpress.org/support/users/wpyogi/) * (@wpyogi) * [12 years, 7 months ago](https://wordpress.org/support/topic/text-are-background-color-css-code/#post-4165874) * The links seem to be working for me – but are you aware that all of your changes will be erased when the theme is updated? That’s why using a child theme is a much preferred way to modify themes. * [http://codex.wordpress.org/Child_Themes](http://codex.wordpress.org/Child_Themes) * > is there an easy way to compare the original css with the new one to find > inconsistencies? * You can download a new copy of the theme and use a file comparison program to compare them – [http://www.diffchecker.com/](http://www.diffchecker.com/) * Thread Starter [chika7](https://wordpress.org/support/users/chika7/) * (@chika7) * [12 years, 6 months ago](https://wordpress.org/support/topic/text-are-background-color-css-code/#post-4165902) * Hi Thanks for reply, we’ll be redoing all this with a child theme shortly… no, my links for the posts below the header/banner image are not working. None of the squares will let me click on them. Thanks again. Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Text are background color CSS code’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/snapshot/1.4.2/screenshot.png) * Snapshot * [Support Threads](https://wordpress.org/support/theme/snapshot/) * [Active Topics](https://wordpress.org/support/theme/snapshot/active/) * [Unresolved Topics](https://wordpress.org/support/theme/snapshot/unresolved/) * [Reviews](https://wordpress.org/support/theme/snapshot/reviews/) * 11 replies * 4 participants * Last reply from: [chika7](https://wordpress.org/support/users/chika7/) * Last activity: [12 years, 6 months ago](https://wordpress.org/support/topic/text-are-background-color-css-code/#post-4165902) * Status: not resolved