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. 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?.