Title: Transparent page/post background
Last modified: August 21, 2016

---

# Transparent page/post background

 *  [uni84x](https://wordpress.org/support/users/uni84x/)
 * (@uni84x)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/transparent-pagepost-background/)
 * Hi,
 * I’m able to change the background color for the page and post by adding the text
   below. I would like to make it transparent intstead. Does anyone know how to 
   do that? I probably need to set the opacity somehow together with “transparent”?
 * #primary{
    background:#fff; padding:0 }
 * Thanks.

Viewing 11 replies - 1 through 11 (of 11 total)

 *  [Piyush](https://wordpress.org/support/users/piyushpesw/)
 * (@piyushpesw)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/transparent-pagepost-background/#post-4992073)
 * link ??
 *  [cd_BE](https://wordpress.org/support/users/cd_be/)
 * (@cd_be)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/transparent-pagepost-background/#post-4992079)
 * If you don’t use a color code the background is transparent, I believe.
 * I’m currently trying something similar, but I want to add a background image 
   to mij pages and post with the content in that image area. Can’t seem to get 
   it right though :p
    but thats how I found out that not adding anything I see 
   my theme background.
 *  Thread Starter [uni84x](https://wordpress.org/support/users/uni84x/)
 * (@uni84x)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/transparent-pagepost-background/#post-4992129)
 * [@piyush](https://wordpress.org/support/users/piyush/): I don’t want to provide
   a link to it now even though I understand it would be easier if I did.
 * My goal is to change the page/post background from original white color to transparent
   white. This is how it looks without any modifications: [http://www.yoarts.com](http://www.yoarts.com)
 * [@cd_be](https://wordpress.org/support/users/cd_be/): What should the code look
   like? If I remove the text, #fff;, completely then it seems like it grabs it 
   from the parent theme since a use a child. And if I put “none” it’s still white.
 *  [cd_BE](https://wordpress.org/support/users/cd_be/)
 * (@cd_be)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/transparent-pagepost-background/#post-4992149)
 * I whould try something like this:
 *     ```
       #primary{
       background-color:transparent;
       padding:0
       }
       ```
   
 *  Thread Starter [uni84x](https://wordpress.org/support/users/uni84x/)
 * (@uni84x)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/transparent-pagepost-background/#post-4992169)
 * I’ve tried it but it doesn’t work. It just get’s plain white. I’ve tried with“
   background-color:” and also the original “background:”.
 *  [cd_BE](https://wordpress.org/support/users/cd_be/)
 * (@cd_be)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/transparent-pagepost-background/#post-4992174)
 * And with div?
 *     ```
       div
       {
       background-color:transparent;
       }
       ```
   
 *  Thread Starter [uni84x](https://wordpress.org/support/users/uni84x/)
 * (@uni84x)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/transparent-pagepost-background/#post-4992178)
 * I get the same results with div. Just white. Do you think that I need to combine
   it with some opacity rule?
 *  [cd_BE](https://wordpress.org/support/users/cd_be/)
 * (@cd_be)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/transparent-pagepost-background/#post-4992185)
 * And The background from your theme is that white too?
 * What you could to is write a different .css style just for The page.php & post.
   php.
 *  [cd_BE](https://wordpress.org/support/users/cd_be/)
 * (@cd_be)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/transparent-pagepost-background/#post-4992231)
 * Maybe this can help you:
 * [http://wordpress.org/support/topic/opaque-transparent-content-area-in-responsive-theme?replies=15](http://wordpress.org/support/topic/opaque-transparent-content-area-in-responsive-theme?replies=15)
 *  Thread Starter [uni84x](https://wordpress.org/support/users/uni84x/)
 * (@uni84x)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/transparent-pagepost-background/#post-4992300)
 * No, I use an image as background.
 * I’ve checked the example in the link you’ve sent and I tried generating rgba 
   and also just to use #FF6699(pink) to see what happens but it has no effect at
   all.
 *     ```
       #wrapper { background: transparent; }
       ```
   
 * With the #primary I start getting closer. With this code it make it translucent
   but there is still something white blocking that it hits instead of going directly
   to my background image.
 *     ```
       #primary{
       background-color:rgba(255, 133, 255, 0.5);
       padding:0
       }
       ```
   
 * I can’t find figure what it is. Do you have any other ideas?
 * Thank you for your help so far.
 *  [cd_BE](https://wordpress.org/support/users/cd_be/)
 * (@cd_be)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/transparent-pagepost-background/#post-4992311)
 * I looked it up at css-tricks. I was out if idea’s. hopes this helps
 * [http://css-tricks.com/snippets/css/transparent-background-images/](http://css-tricks.com/snippets/css/transparent-background-images/)

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Transparent page/post background’ is closed to new replies.

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

 * 11 replies
 * 3 participants
 * Last reply from: [cd_BE](https://wordpress.org/support/users/cd_be/)
 * Last activity: [11 years, 11 months ago](https://wordpress.org/support/topic/transparent-pagepost-background/#post-4992311)
 * Status: not resolved