Avisos
Vaciar todo
En la url https://gestyfor.es/info/ tenemos un shortcodes de eventos. Debido a que el titulo de los eventos es muy largo pues baja demasiado para una segunda fila,
¿como podrias hacer que quedase asi?
que solo muestre una parte del titulo, no sé si limite un numero de caracteres o un tamaño del "cajon" donde aparece.
Gracias.
Contenido solo visible a usuarios registrados
Respondido : 19/01/2023 12:52 pm
Hola Vicente,
En este caso puedes verificar si el siguiente código CSS te permite configurar el título de esta sección como deseas
h4.mec-event-title {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
Este código puedes añadirlo en el apartado de Divi -> Opciones del tema -> General -> CSS personalizado
Verifica y nos comentas como va todo
Un Saludo
Respondido : 19/01/2023 1:09 pm
Hola,
Gracias por tu respuesta.
Con esto corta en un espacio, y lo hace medio visualizándose la siguiente línea,
si pongo tal cual tu me mandas,
se corta en 2 lineas y la tercera se medio ve, si lo pongo un 3, se corta en la tercera
con lo que realmente quedara bien (supongo) será si se corta por numero de caracteres.
Pero hay otro problema.
Nosotros solo queremos que lo corte en el shortcodes que ponemos en la pagina https://gestyfor.es/info/ , y con este codigo se corta en todos los shortcodes que tenemos en otras paginas
y no queremos se corte.
Gracias.
Respondido : 19/01/2023 4:10 pm
Hola Vicente,
Verifica cambiar el código por este:
.page-id-263391 h4.mec-event-title {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3 !important;
-webkit-box-orient: vertical;
}
De esta forma solo se aplicará a esta página que quieres,
Un saludo 🖐️
Esta publicación ha sido modificada el hace 2 años por Argenis
Respondido : 19/01/2023 4:21 pm
genial, ahora solo se ejecuta en la pagina que queremos.
pero sigue cortandose que se medio ve la siguiente línea y eso queda muy feo
es por lo que te digo, si es posible que no corte por líneas, sino por caracteres.
Un saludo
Respondido : 19/01/2023 4:36 pm
Hola Vicente,
Para modificar los caracteres necesitas modificar el código en sí del módulo que utilizas para añadir estos eventos, una opción más fácil es con CSS como te comentamos, si no deseas que se corten las palabras puedes establecer un alto a la sección utilizando el siguiente código por ejemplo
.page-id-263391 h4.mec-event-title {
height: 65px;
}
Puedes ir jugando con el tamaño del alto hasta configurarlo como deseas.
Revisa esto y nos comentas como va todo
Un Saludo
Respondido : 19/01/2023 4:42 pm
