Title: Partial Transparency
Last modified: August 21, 2016

---

# Partial Transparency

 *  [travis1325](https://wordpress.org/support/users/travis1325/)
 * (@travis1325)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/partial-transparency/)
 * Hi there, I am building a website and I have an issue. I have someone making 
   a background for me, and the center white block kind of makes it all moot. I 
   need to know what I need to put in the CSS to make the white block in the center
   where my pages show up, about 70% transparent so we can see some of the background
   through it. My website is [http://www.travissimmons.net](http://www.travissimmons.net)

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

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/partial-transparency/#post-4560625)
 * What theme are you using? Where did you download it from?
 *  Thread Starter [travis1325](https://wordpress.org/support/users/travis1325/)
 * (@travis1325)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/partial-transparency/#post-4560685)
 * It is 20 12 and I downloaded it from wordpress.org
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/partial-transparency/#post-4560694)
 * Do not edit the theme itself. 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 [travis1325](https://wordpress.org/support/users/travis1325/)
 * (@travis1325)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/partial-transparency/#post-4560699)
 * How does one do that?
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/partial-transparency/#post-4560704)
 * Please see the links I posted above.
 *  Thread Starter [travis1325](https://wordpress.org/support/users/travis1325/)
 * (@travis1325)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/partial-transparency/#post-4560733)
 * Right, I have those things, but it doesn’t help me know what I have to input 
   to get a transparency to my theme. I just don’t know the code I need to input
   into my CSS. I found this code on another thread, but that gives a hundred percent
   transparency, and I don’t like that because it makes the text hard to read. I
   need something that makes it partially transparent enough to see my background,
   yet opaque enough that you can easily read the text.
 *  body .site {
    opacity: 0.6; /* Adjust 0.6 to the value you want */ }
 *  Thread Starter [travis1325](https://wordpress.org/support/users/travis1325/)
 * (@travis1325)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/partial-transparency/#post-4560738)
 * OMG, I think I figured it out. I was looking at this before trying to figure 
   out how to change the transparency, and now that I post it here I see it and 
   feel rather silly.
 *  Thread Starter [travis1325](https://wordpress.org/support/users/travis1325/)
 * (@travis1325)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/partial-transparency/#post-4560742)
 * Yea, no that didn’t work, it just makes all of my front matter transparent and
   hard to see. BLAH.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 3 months ago](https://wordpress.org/support/topic/partial-transparency/#post-4560743)
 * [http://www.css3.info/introduction-opacity-rgba/](http://www.css3.info/introduction-opacity-rgba/)
 *  Moderator [Jose Castaneda](https://wordpress.org/support/users/jcastaneda/)
 * (@jcastaneda)
 * THEME COFFEE MONKEY
 * [12 years, 3 months ago](https://wordpress.org/support/topic/partial-transparency/#post-4560746)
 * Try:
 *     ```
       body .site {
           background: transparent;
       }
       ```
   
 * It may do the trick. 🙂
 *  Thread Starter [travis1325](https://wordpress.org/support/users/travis1325/)
 * (@travis1325)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/partial-transparency/#post-4560820)
 * We are getting there, but I want it to be only partially transparent, how would
   I enter those fields to play with the transparency? What you listed works really
   well Jose, but it makes it completely transparent, and I still want some of the
   background to show so it doesn’t make the words invisible also. 🙂
 *  Moderator [Jose Castaneda](https://wordpress.org/support/users/jcastaneda/)
 * (@jcastaneda)
 * THEME COFFEE MONKEY
 * [12 years, 3 months ago](https://wordpress.org/support/topic/partial-transparency/#post-4560838)
 * You could try using: `background: rgba();` on the .site element. 🙂
 * I’d post the full code but currently on mobile. 🙂
 *  [batharoy](https://wordpress.org/support/users/batharoy/)
 * (@batharoy)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/partial-transparency/#post-4560839)
 * #page {
    background: rgba(255, 255, 255, 0.7); }
 *  Thread Starter [travis1325](https://wordpress.org/support/users/travis1325/)
 * (@travis1325)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/partial-transparency/#post-4560840)
 * Awesome, that worked! You guys rock!
 *  Moderator [Jose Castaneda](https://wordpress.org/support/users/jcastaneda/)
 * (@jcastaneda)
 * THEME COFFEE MONKEY
 * [12 years, 3 months ago](https://wordpress.org/support/topic/partial-transparency/#post-4560847)
 * Glad to read it worked for you. 🙂

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

The topic ‘Partial Transparency’ is closed to new replies.

 * 15 replies
 * 5 participants
 * Last reply from: [Jose Castaneda](https://wordpress.org/support/users/jcastaneda/)
 * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/partial-transparency/#post-4560847)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics