Title: Blog &gt; Article &gt; background
Last modified: August 30, 2016

---

# Blog > Article > background

 *  Resolved [antoineO](https://wordpress.org/support/users/antoineo/)
 * (@antoineo)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/blog-article-background/)
 * Hello,
 * I would like to have a specific background color for my blog articles only (background:#
   e9e9e9) and keep my background color for others pages (background: #ffffff).
 * I try this but it does not work :
 * `body.postid .contentclass {background: #e9e9e9 !important;}`
 * How can I do it please, without to do specific for each article like this : body.
   postid-XXX ?
 * Thanks for your help

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

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

 *  Thread Starter [antoineO](https://wordpress.org/support/users/antoineo/)
 * (@antoineo)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/blog-article-background/#post-6200772)
 * I forgot the link.
    Here to add background : [http://lapousse.fr/creer-son-site-internet-professionnel/](http://lapousse.fr/creer-son-site-internet-professionnel/)
 * And other similar question : how can I add a white background on the textwidget
   just for this page : [http://lapousse.fr/notre-blog/](http://lapousse.fr/notre-blog/)
   and the articles pages ?
 * I try it but it affects each page :
 *     ```
       .textwidget {
           background: #ffffff !important;
       }
       ```
   
 * thank for your help
 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/blog-article-background/#post-6200820)
 * Hey,
    1. Try this css:
 *     ```
       .postid-577 .contentclass {
         background-color: #e9e9e9;
       }
       ```
   
 * 2.
 *     ```
       .sidebar .textwidget {
         background-color: #fff;
         padding: 5px;
       }
       ```
   
 * Hope that helps!
 * Hannah
 *  Thread Starter [antoineO](https://wordpress.org/support/users/antoineo/)
 * (@antoineo)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/blog-article-background/#post-6200825)
 * Thanks Hannah
 * It works for the sidebar / textwidget.
 * Otherwise, for your code “.postid-577 .contentclass”, my problem is that it concerns
   only one article. But I would like to apply it for all my future articles, without
   applying for each new article ID.
 * Is it possible ?
 * Thxs
 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/blog-article-background/#post-6200850)
 * I think this will work:
 *     ```
       .single-post .contentclass {
         background-color: #e9e9e9;
       }
       ```
   
 * Hannah
 *  Thread Starter [antoineO](https://wordpress.org/support/users/antoineo/)
 * (@antoineo)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/blog-article-background/#post-6200853)
 * Perfect ! It works.
    Thanks very much Hannah
 *  [jfahrenkrog](https://wordpress.org/support/users/jfahrenkrog/)
 * (@jfahrenkrog)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/blog-article-background/#post-6201048)
 * Hi Hannah,
 * I’m having a similar issue… but I want to only display the .contentclass background
   image on the homepage. It is still showing up on the sides of the other pages.
 * [http://63a.749.myftpupload.com/](http://63a.749.myftpupload.com/)
 * I’ve tried
 * .postid-598 .contentclass {
    background-position: center center; background-image:
   url(‘[http://63a.749.myftpupload.com/wp-content/uploads/2015/06/background-e1433891192338.jpg&#8217](http://63a.749.myftpupload.com/wp-content/uploads/2015/06/background-e1433891192338.jpg&#8217););}
 * and
 * .pageid-598 .contentclass {
    background-position: center center; background-image:
   url(‘[http://63a.749.myftpupload.com/wp-content/uploads/2015/06/background-e1433891192338.jpg&#8217](http://63a.749.myftpupload.com/wp-content/uploads/2015/06/background-e1433891192338.jpg&#8217););}
 * I even tried making the other pages .contentclass be white
 * .single-page .contentclass {
    background-color: #ffffff; }
 * Nothing is working.
 * Thanks for your help,
    Joy
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/blog-article-background/#post-6201049)
 * [@jfahrenkrog](https://wordpress.org/support/users/jfahrenkrog/)
    none of those
   CSS classes exist in your home page.
 * per forum guideline [http://codex.wordpress.org/Forum_Welcome#Where_To_Post](http://codex.wordpress.org/Forum_Welcome#Where_To_Post),
   please start your own topic in [https://wordpress.org/support/theme/pinnacle#postform](https://wordpress.org/support/theme/pinnacle#postform)
 *  [jfahrenkrog](https://wordpress.org/support/users/jfahrenkrog/)
 * (@jfahrenkrog)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/blog-article-background/#post-6201050)
 * .contentclass {
    background-position: center center; background-image: url(‘[http://63a.749.myftpupload.com/wp-content/uploads/2015/06/background-e1433891192338.jpg&#8217](http://63a.749.myftpupload.com/wp-content/uploads/2015/06/background-e1433891192338.jpg&#8217););}
 * does! I’ve checked it 🙂
 *  [Tahoerock](https://wordpress.org/support/users/tahoerock/)
 * (@tahoerock)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/blog-article-background/#post-6201051)
 * Hi jfahrenkrog
    I Was inspecting it and it should be this:
 *     ```
       .contentclass .container .homepagecontent {
       background-image: url('http://63a.749.myftpupload.com/wp-content/uploads/2015/06/background-e1433891192338.jpg');
       }
   
       or
   
       .contentclass .homepagecontent {
       background-image: url('http://63a.749.myftpupload.com/wp-content/uploads/2015/06/background-e1433891192338.jpg');
       }
       ```
   
 * Put this code to your child theme
 * > style.css
 *  file
 * or
 *  download and install plugin:
    [Simple Custom CSS](https://wordpress.org/support/view/plugin-reviews/simple-custom-css)
 * Hope this will help
    Cheers TR
 *  [jfahrenkrog](https://wordpress.org/support/users/jfahrenkrog/)
 * (@jfahrenkrog)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/blog-article-background/#post-6201052)
 * Thanks TR… it is working more or less now… but I’ve lost the wood on the right
   and left hand sides.
 * I tried adding background-width: 100%; but that didn’t do it.
 * background-position: center center; didn’t do it either…
 * The theme comes with a place to add css.
 *  [Tahoerock](https://wordpress.org/support/users/tahoerock/)
 * (@tahoerock)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/blog-article-background/#post-6201053)
 * It is not secure to have custom css being part of the any theme.
    Once you update
   the theme you can loose all tweaking.
 *  [Tahoerock](https://wordpress.org/support/users/tahoerock/)
 * (@tahoerock)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/blog-article-background/#post-6201054)
 * Try To go to the WordPress Dashbord, Appearance, Background image, Background
   repeat : Tile or Tile Horizontally
    Hope this is it.
 * Cheers
    TR
 *  [jfahrenkrog](https://wordpress.org/support/users/jfahrenkrog/)
 * (@jfahrenkrog)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/blog-article-background/#post-6201055)
 * Thanks TR.. I get what you are saying. I usually use Jetpack but it has been 
   slowing down my sites lately so was trying to do something else. Don’t have the
   option under appearance. I’ll probably try support from the theme. I just saw
   that one of the people on their support team had responded to this and it was
   more or less the same issue so I thought I’d tag on here, but seems I should 
   have opened a new issue.
 * Thanks for trying!
 *  [Tahoerock](https://wordpress.org/support/users/tahoerock/)
 * (@tahoerock)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/blog-article-background/#post-6201056)
 * ok
    Fell free to ask in the future TR
 *  [Tahoerock](https://wordpress.org/support/users/tahoerock/)
 * (@tahoerock)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/blog-article-background/#post-6201057)
 * BTW
    Why is your URL so strange?? 🙂 TR

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

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

The topic ‘Blog > Article > background’ is closed to new replies.

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

 * 16 replies
 * 5 participants
 * Last reply from: [jfahrenkrog](https://wordpress.org/support/users/jfahrenkrog/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/blog-article-background/page/2/#post-6201058)
 * Status: resolved