Title: dark background image
Last modified: August 30, 2016

---

# dark background image

 *  Resolved [bostondesignz](https://wordpress.org/support/users/bostondesignz/)
 * (@bostondesignz)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/dark-background-image/)
 * How do I lighten the layer that is over my background image?

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

 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/dark-background-image/#post-6301676)
 * Hey there bostondesignz,
 * How are you doing today?
 * I quickly checked the theme that you’re using and I’m not sure what are you referring
   to, would you mind posting link to your site where you have this background image
   and I’ll be happy to take a look and try to provide CSS to do this 🙂
 * Best regards,
    Bojan
 *  Thread Starter [bostondesignz](https://wordpress.org/support/users/bostondesignz/)
 * (@bostondesignz)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/dark-background-image/#post-6301679)
 * I’m using one pirate, the large background image is “darkened” by something, 
   I can’t find it I the code. I want to lighten the opacity of that dark screen.
   I can’t post my site, I’m developing locally.
 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/dark-background-image/#post-6301683)
 * Hey again,
 * If you’re referring to the header background image on your home page you should
   be able to remove or reduce the opacity with some custom CSS. Please try adding
   the following CSS code in the style.css file of your [child theme](http://codex.wordpress.org/Child_Themes)
   or add it in your site using the following plugin:
 * [http://wordpress.org/plugins/simple-custom-css](http://wordpress.org/plugins/simple-custom-css)
 *     ```
       .header-content-wrap {
         background: rgba(0, 0, 0, 0.5);
       }
       ```
   
 * This is black color with 50% opacity on it (you can find more information here
   [http://www.w3schools.com/cssref/css_colors_legal.asp](http://www.w3schools.com/cssref/css_colors_legal.asp)).
   Last numeric value represents opacity where 0 is completely transparent and 1
   is full color. You can reduce it in order to make it lighter or set 0 in case
   you want to completely remove it and display only the image.
 * Hope this helps 🙂
 * Best regards,
    Bojan
 *  Thread Starter [bostondesignz](https://wordpress.org/support/users/bostondesignz/)
 * (@bostondesignz)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/dark-background-image/#post-6301684)
 * Thank you, that worked!
 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/dark-background-image/#post-6301686)
 * Glad that helped!
 * Have a great day!
 * Cheers,
    Bojan

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

The topic ‘dark background image’ is closed to new replies.

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

 * 5 replies
 * 2 participants
 * Last reply from: [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * Last activity: [10 years, 11 months ago](https://wordpress.org/support/topic/dark-background-image/#post-6301686)
 * Status: resolved