Avisos
Vaciar todo

[Resuelto] Opacidad CSS  

 
Miguel Ángel
 Miguel Ángel
Usuario eminente

Buenas noches.

He intentado bajar (con CSS) la opacidad de los "bloques" o "barras" horizontales (negro, azul y negro) sin bajar la opacidad del texto ni demás elementos:

https://clon.deltasportnutrition.com/

Pero no lo he conseguido. ¿Me pueden decir cómo se haría?

Gracias, un saludo.

Respondido : 16/05/2020 1:24 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

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
}
Esta publicación ha sido modificada el hace 4 años por Bulmaro
Respondido : 16/05/2020 9:29 am

Cursos Gratuitos WordPress

Miguel Ángel
 Miguel Ángel
Usuario eminente

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

Esta publicación ha sido modificada el hace 4 años por Miguel Ángel
Respondido : 16/05/2020 10:44 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Respondido : 16/05/2020 11:08 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Miguel Ángel
 Miguel Ángel
Usuario eminente

@pepesoler

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

Respondido : 16/05/2020 11:13 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Respondido : 16/05/2020 12:26 pm

Miguel Ángel
 Miguel Ángel
Usuario eminente

@pepesoler

Gracias, ahora sí funciona del todo.

Respondido : 16/05/2020 1:17 pm