Como cortar texto no slider com plugin masterslider

  • Autor Autor sergit007
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
S

sergit007

Curioso
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Hola amigos, buenas tardes.

Me gustaría que alguien me dijera como puedo recortar los caracteres de un slider, estoy usando el plugin de masterslider, este slider es el que mejor se adapta para mi sitio pero lo malo es que al mostrarlo en el móvil se desacomodan las letras tal como se muestra en las imágenes que adjunto. Otra cosa que tampoco he podido hacer es que el texto se justifique lo he intentado desde el css del tema pero no se justifica.

Espero puedan ayudarme, gracias.

Captura.webp Captura2.webp
 
Última edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Hola amigos, buenas tardes.

Me gustaría que alguien me dijera como puedo recortar los caracteres de un slider, estoy usando el plugin de masterslider, este slider es el que mejor se adapta para mi sitio pero lo malo es que al mostrarlo en el móvil se desacomodan las letras tal como se muestra en las imágenes que adjunto. Otra cosa que tampoco he podido hacer es que el texto se justifique lo he intentado desde el css del tema pero no se justifica.

Espero puedan ayudarme, gracias.

Ver o anexo 117014 Ver o anexo 117015
Hola sergit007,

¡Hola! Entiendo tu frustración con el plugin MasterSlider. Para recortar el texto de los slides, puedes usar un poco de CSS. Asegúrate de que estás aplicando el estilo correcto a los elementos de texto. Por ejemplo, puedes establecer una propiedad de max-height y overflow: hidden para limitar la altura del texto y ocultar el desbordamiento. Aquí te dejo un ejemplo de cómo podrías hacerlo:

CSS:
.ms-text {
    max-height: 60px; /* Ajusta la altura según sea necesario */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; /* Si quieres texto en una sola línea */
}

En cuanto a la justificación del texto, si el CSS del tema no está funcionando, puedes probar con las siguientes propiedades CSS para la clase correspondiente:

CSS:
.ms-text {
    text-align: justify; /* Para justificar el texto */
}

Asegúrate de que estás apuntando a la clase correcta del texto en el slider. Si el problema persiste, revisa si hay algún estilo CSS que esté sobrescribiendo estos cambios.

Espero que esto te ayude a resolver los problemas en tu slider. Si tienes más dudas, no dudes en preguntar. ¡Suerte!
 
Voltar
Topo