How to Remove Background Overlay in Zerif

If you don't like the background opacity and want it to be clear then you can add the following CSS to your WordPress. In case you don't have a CSS plugin, we advise you install Advanced CSS Editor plugin and follow the instructions. In Appearance -> Customize -> Advanced CSS Editor add the following code.

If you're using WP 4.3+ then you could go to Appearance->Customize->Additional CSS and add the code below.

.header,
.header-content-wrap,
.packages,
.contact-us {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0) !important;
}

If you don't want to remove it, then you can also adjust it by changing the value to something like: rgba(0, 0, 0, 0.30) :)

For the Spanish version of this documentation you can check out this link: ¿CÓMO ELIMINAR LA OPACIDAD DEL FONDO?.