[Resuelto] Opacidad CSS

Hola Miguel Ángel,

Para el bloque de la parte superior:

#site-header{
  opacity: 0.8;
}

#site-content article header.entry-header{
    opacity: 0.8;
}

Bloque negro inferior:

.footer-nav-widgets-wrapper{
opacity: 0.8
}

@bulmaro-webempresa

De esa manera, el texto y demás elementos también quedan con menos opacidad. Además, la parte más inferior de la página quedaría opaca. ¿Cómo se haría para solucionar eso?

Hola Miguel.

Prueba con lo siguiente:

site-header, .footer-nav-widgets-wrapper, #site-footer, .menu-modal, .menu-modal-inner, .search-modal-inner, .archive-header, .singular .entry-header, .singular .featured-media:before, .wp-block-pullquote:before {
background-color: rgba(0, 0, 0, 0.9);
}

#site-content article header.entry-header {
background-color: rgba(0, 180, 225, 0.9);
}

Un saludo

@pepesoler

Funciona, pero sin modificar la parte negra más superior. ¿Me dice ese código?

Hola Miguel.

Pues tendría que haber funcionado 😉 

Prueba con lo siguiente:

#site-header {
background-color: rgba(0, 0, 0, 0.9)!important;

}

Un saludo

@pepesoler

Gracias, ahora sí funciona del todo.