Title: Remove Grid over Background
Last modified: August 22, 2016

---

# Remove Grid over Background

 *  Resolved [s-webdesign](https://wordpress.org/support/users/s-webdesign/)
 * (@s-webdesign)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/remove-grid-over-background/)
 * Hello!
 * I would like to remove the grey Grid/overlay over the Background/Header Image!
 * Does anyone have a solution?

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

 *  [Hardeep Asrani](https://wordpress.org/support/users/hardeepasrani/)
 * (@hardeepasrani)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/remove-grid-over-background/#post-5689130)
 * Hi,
 * Can you please explain this question?
 * Regards,
    Hardeep
 *  [Tepakot](https://wordpress.org/support/users/tepakot/)
 * (@tepakot)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/remove-grid-over-background/#post-5689221)
 * Hello!
 * I have this problem too!
    I’m try to explain, my picture is bright and colorful,
   but when i set my picture as “background image”, its look like she have low opacity,
   or gray filter. Sorry for my bad English 😉
 *  [Hardeep Asrani](https://wordpress.org/support/users/hardeepasrani/)
 * (@hardeepasrani)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/remove-grid-over-background/#post-5689229)
 * Hi,
 * You can add the following CSS, using Simple Custom CSS plugin, to your WordPress
   site to modify the background opacity:
 *     ```
       .newsletter,
       .contact-us,
       .packages,
       .header {
           background: none repeat scroll 0% 0% rgba(0, 0, 0, 0) !important;
       }
       ```
   
 * Regards,
    Hardeep
 *  [Tepakot](https://wordpress.org/support/users/tepakot/)
 * (@tepakot)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/remove-grid-over-background/#post-5689232)
 * Thank you! It’s working 😉
 *  [Hardeep Asrani](https://wordpress.org/support/users/hardeepasrani/)
 * (@hardeepasrani)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/remove-grid-over-background/#post-5689234)
 * Hi,
 * I’m glad it worked. Please consider leaving a review for the theme in the review
   section. 🙂
 * Regards,
    Hardeep
 *  [snpbizjak](https://wordpress.org/support/users/snpbizjak/)
 * (@snpbizjak)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/remove-grid-over-background/#post-5689256)
 * Hi, this is also a great tip, but now the picture is too bright for me. Which
   rgba setting is responsible for brightness without effecting colors?
 *  [Hardeep Asrani](https://wordpress.org/support/users/hardeepasrani/)
 * (@hardeepasrani)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/remove-grid-over-background/#post-5689258)
 * Hi,
 * The code that I posted is for the default settings, and it has nothing to do 
   with your issue, which means that you’re image is already too bright. You can
   learn more about it at: [http://css-tricks.com/rgba-browser-support/](http://css-tricks.com/rgba-browser-support/)
 * Regards,
    Hardeep
 *  [snpbizjak](https://wordpress.org/support/users/snpbizjak/)
 * (@snpbizjak)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/remove-grid-over-background/#post-5689259)
 * Thanks Hardeep.
 * I used this tool [http://www.css3-generator.de/rgba.html](http://www.css3-generator.de/rgba.html)
   
   to find the right setting.
 * I actually only needed the fourth element, the others are all 0 if you want to
   put a grey mask on the picture. I found that 0.5 corresponds to what is originally
   on the background picture, so I tweaked it to 0.3, which feels just right for
   me.
 *  [Hardeep Asrani](https://wordpress.org/support/users/hardeepasrani/)
 * (@hardeepasrani)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/remove-grid-over-background/#post-5689261)
 * Hi,
 * I’m glad it worked for you. 🙂
 * Regards,
    Hardeep
 *  [thehappycircles](https://wordpress.org/support/users/thehappycircles/)
 * (@thehappycircles)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/remove-grid-over-background/#post-5689323)
 * Hi Hardeep,
    I have been checking out the Support Forums to figure out ways to
   change the background colors and the transparency and also to increase the logo
   size on the website. Everywhere I see you mentioning Simple Custom CSS plugin.
 * I have installed the plugin on my website which uses Zerif Lite.
 * But I am unable to make the changes to the code.. I keep getting the following
   error:
 * Plugin could not be activated because it triggered a fatal error.
 * Parse error: syntax error, unexpected ‘.’ in /home/content/p3pnexwpnas08_data03/
   11/2684411/html/wp-content/plugins/simple-custom-css/simple-custom-css.php on
   line 31
 * Could you please guide me on how to go about this?
 * I need to make the following changes to start with:
    1. Change the background
   colors for all the sections on the front page (currently, About Us section has‘
   black’ background; Testimonials has yellow mustard; and so on..)
 * 2. Modify the background image transparency to bring out the brightness of the
   original image (currently, its making the site look dull)
 * 3. Increase the size of the logo on the top left hand corner of the site.
 * Thank you for your help!
 * Regards,
    Niv
 *  [Alexandra](https://wordpress.org/support/users/alexandrastan001/)
 * (@alexandrastan001)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/remove-grid-over-background/#post-5689324)
 * Please consider creating your own thread:
    [https://wordpress.org/support/theme/zerif-lite#postform](https://wordpress.org/support/theme/zerif-lite#postform)
 *  [greyso](https://wordpress.org/support/users/greyso/)
 * (@greyso)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/remove-grid-over-background/#post-5689335)
 * I tried this with a child theme and Simple Custom CSS plugin by pasting in:
 * .newsletter,
    .contact-us, .packages, .header { background: none repeat scroll
   0% 0% rgba(0, 0, 0, 0) !important; }
 * But it did not work. Any help with this? Thank you.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 9 months ago](https://wordpress.org/support/topic/remove-grid-over-background/#post-5689336)
 * See Alexandra’s latest post

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

The topic ‘Remove Grid over Background’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/zerif-lite/1.8.5.49/screenshot.
   png)
 * Zerif Lite
 * [Support Threads](https://wordpress.org/support/theme/zerif-lite/)
 * [Active Topics](https://wordpress.org/support/theme/zerif-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/zerif-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/zerif-lite/reviews/)

## Tags

 * ["background-image"](https://wordpress.org/support/topic-tag/background-image/)
 * [grid](https://wordpress.org/support/topic-tag/grid/)

 * 13 replies
 * 8 participants
 * Last reply from: [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/remove-grid-over-background/#post-5689336)
 * Status: resolved