Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

[Resuelto] limitar tamaño titulo en esta vista  

 
Vicente
 Vicente
Estimable Member

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, 

image

¿como podrias hacer que quedase asi?

image

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
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

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

Vicente
 Vicente
Estimable Member

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, 

image

se corta en 2 lineas y la tercera se medio ve, si lo pongo un 3, se corta en la tercera  

image

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 

image

y no queremos se corte.

Gracias.

Respondido : 19/01/2023 4:10 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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 1 año por Argenis
Respondido : 19/01/2023 4:21 pm

Vicente
 Vicente
Estimable Member

@argenis

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

image

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
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

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

Vicente
 Vicente
Estimable Member

@karen

graicas karen, solucionado.

Respondido : 19/01/2023 8:23 pm