Avisos
Vaciar todo
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
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 5 años por Bulmaro
Respondido : 16/05/2020 9:29 am
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 5 años por Miguel Ángel
Respondido : 16/05/2020 10:44 am
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
Funciona, pero sin modificar la parte negra más superior. ¿Me dice ese código?
Respondido : 16/05/2020 11:13 am
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
