banner en móvil se muestra el texto encima de las imágenes  

 
Luis Manuel
 Luis Manuel
Estimable Member

Os doy usuario y clave para que veais que ocurre con el banner que se superpone los textos encima de las imágenes y no debería ser así.
Contenido solo visible a usuarios registrados

Citar
Respondido : 10/03/2015 6:11 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola

Las imágenes igual se verán pequeñas cuando se vea en un movil, entiendo que quieres ocultar el texto cuando se muestra en móviles

Saludos.

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

ResponderCitar
Respondido : 10/03/2015 6:57 pm

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

Luis Manuel
 Luis Manuel
Estimable Member

No, no quiero ocultar el texto Jhon puesto que ese banner hace referencia al contenido principal de la web. Lo que me gustaría es que ese texto se hiciera más pequeño, es decir, se redujera en la misma proporción que las imágenes del banner.

ResponderCitar
Respondido : 11/03/2015 7:36 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

El tamaño de las imágenes se adapta de forma automática al espacio disponible debido a que sus dimensiones se establecen con ese mismo espacio, utilizando el estilo CSS max-width: 100%;. Es decir, solo puede usar hasta un 100% de espacio disponible.

Un sistema similar no se puede aplicar a la fuente de letra, ya que el tamaño de la fuente no se establece en porcentaje. Lo que podrías hacer es definir uno u otro tamaño de letra en función del ancho de la ventana del navegador.

Podrías hacerlo utilizando la regla CSS @media, que define los estilos que se aplican en función del ancho en píxeles de la pantalla. Por ejemplo, para cambiar el tamaño de la letra si el ancho de pantalla es menor de 768 píxeles, se podría utilizar el siguiente código:

@media (max-width: 768px) {
.carousel-caption h2 {
font-size: 18px;
}
.carousel-caption p {
font-size: 10px;
}
}

Puedes ver más información sobre esto en el siguiente enlace:

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

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

ResponderCitar
Respondido : 11/03/2015 1:51 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Luis Manuel
 Luis Manuel
Estimable Member

Muchas gracias, esa solución es la que yo estaba optando, pero no sé si por configuración de la plantilla o algo que se me escapa se podía hacer sin usar media queries, gracias Pablo como siempre muy agradecido.
Perfecto.

Un saludo y cerrad el tema porque así está solucionado.

ResponderCitar
Respondido : 11/03/2015 2:18 pm

Por favor Iniciar Sesión o Registro