[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
}
This post was modified hace 4 meses por Bulmaro

Bulmaro Arellano N.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

¡Gracias!.

Respondido : 16/05/2020 9:29 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

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?

This post was modified hace 4 meses 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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

Respondido : 16/05/2020 11:08 am

optimiza-automaticamente-todas-las-imagenes-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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

Respondido : 16/05/2020 12:26 pm

Cursos Gratuitos WordPress

Miguel Ángel
 Miguel Ángel
Usuario eminente

@pepesoler

Gracias, ahora sí funciona del todo.

Respondido : 16/05/2020 1:17 pm

Por favor Iniciar Sesión o Registro