Tutorial Divi: Capa semitransparente sobre la imagen de fondo para que el texto sea legible

Hace poco vimos cómo añadir una caja semitransparente a los textos para destacarlos cuando están sobre imágenes demasiado claras, u oscuras, pero también podemos abordar el mismo problema desde otra perspectiva.

Me refiero a que la superposición de texto que vimos tiene un problema, y es que los botones, si son claros sobre fondo claro u oscuros sobre fondo oscuro, siguen sin verse bien, ya que la superposición de texto solo se coloca bajo el título y texto de la diapositiva o lo que sea.

El otro enfoque es añadir una capa semitransparente pero sobre toda la imagen de fondo, no solo sobre el texto.

Para ello partiremos de esta imagen de fondo en la que, claramente, el texto en claro no se ve ni un pimiento.

Podrías decir eso de “vale, pues pongo el texto oscuro“. Muy bien majo ¿y si la imagen tiene partes oscuras y claras entonces qué? Anda, hazme caso que es fácil.

Lo que haremos para solucionar este horror de diseño es activar en los ajustes del módulo elegido el elemento llamado Superposición de fondo, en vez de Superposición de texto.

A continuación, imprescindible, elegimos el color base, para luego mover el segundo deslizador hacia abajo para aplicarle transparencia, más que nada porque sino no se verá la imagen de fondo sino el color que hayas elegido.

Hecho esto ya podremos distinguir claramente el texto sobre la imagen de fondo, de paso aplicando una personalización, algo que nunca está de más.

¿Que lo ves muy soso?, pues nada, eliges otro color base para la superposición y asunto arreglado.

Como ves, es una solución muy sencilla, y apañada, para aprovechar imágenes de fondo que, en principio, podría parecer que no nos servían, y encima no has tenido que usar Photoshop ni nada.

¡A superponer se ha dicho!

Valora este artículo para mejorar la calidad del blog ...

FlojitoNo está malEstá bienMe ha servidoFantástico (5 votos, promedio: 4,80 de 5)
Cargando…

Autor: Fernando

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran.

Autor del libro WordPress – La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

LOS BURÓCRATAS DE LA UE ME EXIGEN QUE TE DIGA QUE SI VISITAS AYUDA WORDPRESS PUEDES RECIBIR ALGUNA COOKIE. AQUÍ NO HAY COOKIES DE PUBLICIDAD, COMO LAS QUE SI TE DEJAN GOOGLE, AMAZÓN Y MONTÓN DE SITIOS, SIN AVISAR, PERO EL QUE TE TENGO QUE AVISAR SOY YO. LAS COOKIES QUE TE DEJA AYUDA WORDPRESS SON PARA FACILITARTE LA NAVEGACIÓN, COMPARTIR Y COMENTAR. SI NO QUIERES RECIBIR COOKIES PUEDES NAVEGAR EN MODO PRIVADO, ABANDONAR ESTE SITIO Y PERDERTE EL CONTENIDO GRATIS QUE COMPARTO CADA DÍA SOBRE WORDPRESS O IRTE A UNA ISLA DESIERTA PARA VIVIR AISLADO DEL MUNDO, ESO SÍ, SIN COOKIES. O SINO, SIMPLEMENTE CIERRA ESTA VENTANA COÑAZO Y SIGUE DISFRUTANDO DEL BLOG. SI TIENES CURIOSIDAD SOBRE ESTO DE LAS COOKIES TE DEJO UN ENLACE >> MÁS INFORMACIÓN

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar