Title: Transparent background Evolve theme
Last modified: August 21, 2016

---

# Transparent background Evolve theme

 *  [anyadekker](https://wordpress.org/support/users/anyadekker/)
 * (@anyadekker)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/transparent-background-evolve-theme/)
 * Hello!
 * I’m trying to get my backgound a bit transparent so you can see the background
   picture behind the text. I’ve searched on the internet but every code i try doesn’t
   work. maybe it works different in this theme?
 * I want something like this: [http://blog.atomictemplates.com/web-design-trends/web-designs-with-transparent-elements/](http://blog.atomictemplates.com/web-design-trends/web-designs-with-transparent-elements/)(
   the first two pictures, but then just with white)
 * I hope someone can help me!
 * Anya

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

 *  [Phil](https://wordpress.org/support/users/owendevelopment/)
 * (@owendevelopment)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/transparent-background-evolve-theme/#post-3874184)
 * Just create a semi-transparent png using the colour of your choice at 80% opacity.
   Make it 1px X 1px and then use that as the container background for your content
   set to repeat. You can also do it with CSS but I always get better results using
   a 1px image as the background.
 *  Thread Starter [anyadekker](https://wordpress.org/support/users/anyadekker/)
 * (@anyadekker)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/transparent-background-evolve-theme/#post-3874197)
 * Thank you! Can you please tell me how to create that png? (sorry i’m new to this)
 *  [Phil](https://wordpress.org/support/users/owendevelopment/)
 * (@owendevelopment)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/transparent-background-evolve-theme/#post-3874204)
 * Photoshop is the easiest way I know but other image editors may do it.
 * You basically want 1px height, 1px width of black/white set at 80% transparency.
 * Once you have that, upload it to your themes images folder and then use it via
   CSS:
 *     ```
       .whatevercontaineryoucallit {
       background: url(images/transparentpng.png) repeat;
       }
       ```
   
 * Obviously change the name of transparentpng.png to whatever you call your image.
 *  Thread Starter [anyadekker](https://wordpress.org/support/users/anyadekker/)
 * (@anyadekker)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/transparent-background-evolve-theme/#post-3874211)
 * Thanks, I tried, but it doesn’t work. The only thing that happens is that my 
   header disappears.
    This is my site: [http://www.anyadekker.nl](http://www.anyadekker.nl)
   and I would like to have the white part transparent, the back is a little pink,
   and there I want a photo (which I can do in my theme settings)
 *  [Phil](https://wordpress.org/support/users/owendevelopment/)
 * (@owendevelopment)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/transparent-background-evolve-theme/#post-3874219)
 * I take it you want to make the whole white container the transparent part, right?
 * In your style.css, you’ll want to add in:
 *     ```
       #wrapper {
       background: url(images/transparentpng.png) repeat;
       }
       ```
   
 * If you let me know where you uploaded the transparent image, I’ll give you more
   accurate instructions. 🙂
 *  Thread Starter [anyadekker](https://wordpress.org/support/users/anyadekker/)
 * (@anyadekker)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/transparent-background-evolve-theme/#post-3874242)
 * I made the image with GIMP. I added the code in style.css but now it looks like
   this: [http://www.anyadekker.nl](http://www.anyadekker.nl)
    Now the image is 
   just in my media on the WordPress dashboard
 * I’m sure it’s something really stupid what i’m doing wrong but I don’t understand
   haha
 *  [Phil](https://wordpress.org/support/users/owendevelopment/)
 * (@owendevelopment)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/transparent-background-evolve-theme/#post-3874272)
 * OK, don’t worry, just swap the CSS you added for wrapper and change it to this
   instead:
 *     ```
       #wrapper {
       background: url("/wp-content/uploads/2013/06/oie_transparent.png") repeat;
       width: 1020px;
       }
       ```
   
 * That should fix your layout problem and correct the path to your image. Looking
   at the image, it looks very transparent so may not look do what you want it to
   do. If you make this change though, I’ll see if I can help you out with that 
   🙂
 *  Thread Starter [anyadekker](https://wordpress.org/support/users/anyadekker/)
 * (@anyadekker)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/transparent-background-evolve-theme/#post-3874286)
 * I’m sorry, but it’s still white. I uploaded an image so you can see what i mean.(
   the image is not the right size yet, but that’s no problem to fix for me, i think)
 * Is it just my transparent image that isn’t right? or maybe i should add it somewhere
   else
 *  [Phil](https://wordpress.org/support/users/owendevelopment/)
 * (@owendevelopment)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/transparent-background-evolve-theme/#post-3874294)
 * It looks like the theme is adding in White colour from the theme settings. This
   will override everything in style.css. If you can email me an admin login for
   your WP site and email it to phil(at)philowen.co, I will fix this for you (including
   the transparent image as well). 😀
 * Phil
 *  [Phil](https://wordpress.org/support/users/owendevelopment/)
 * (@owendevelopment)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/transparent-background-evolve-theme/#post-3874306)
 * Got it. Will fix now 🙂
 *  [Phil](https://wordpress.org/support/users/owendevelopment/)
 * (@owendevelopment)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/transparent-background-evolve-theme/#post-3874321)
 * Sent you email 🙂

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

The topic ‘Transparent background Evolve theme’ is closed to new replies.

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [colour](https://wordpress.org/support/topic-tag/colour/)
 * [transparent](https://wordpress.org/support/topic-tag/transparent/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 11 replies
 * 2 participants
 * Last reply from: [Phil](https://wordpress.org/support/users/owendevelopment/)
 * Last activity: [12 years, 11 months ago](https://wordpress.org/support/topic/transparent-background-evolve-theme/#post-3874321)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics