Avisos
Vaciar todo

[Resuelto] texto en vertical en tabla  

 
Carlos
 Carlos
Reputable Member

Buenas en la home de mi pagina hay una tabla,

Me gustaria que las fuentes de la cabezera estuvieran en vertical como

He puesto esto, pero solo me hace columna me gustaria hacerlo en todas las columnas.

Screenshot 3

 Esto es lo que hice pero solo logre poner una, imagino que hay q identificar celda por celda y columna pero no se como escribirlo en codigo

.wpdt-cell.wpdt-bc-F5F7FA.wpdt-bold.wpdt-valign-middle.wpdt-overflow-text {
writing-mode: vertical-lr;
}

Un saludo

Contenido solo visible a usuarios registrados

Respondido : 18/10/2021 10:33 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Carlos,

Verifica agregando el siguiente código css:

td.wpdt-cell.wpdt-bc-F5F7FA.wpdt-bold.wpdt-overflow-text {
writing-mode: vertical-lr;
height: auto !important;
}

Ten en cuenta que esto hara que la columna se vea mas alta y por ende necesitaras que el código te ajuste la altura del mismo, de lo contrario se sobrepasará el texto del recuadro, es por esto que le agregue un height automático.

Verifica y nos comentas.

Un saludo 🖐️ 

Respondido : 18/10/2021 10:38 pm

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

Carlos
 Carlos
Reputable Member

@argenis

Muchas gracias Argenis, funciona perfecto, lo único podrian las dos primeras columnas:

Nº ONU y nombre y descripcion permanecer en horizontal como estaban. 

Es decir Nº ONU y nombre y descripcion en horizontal (osea normal como estaban) y el resto en vertical.

Un saludo y muchas gracias por la ayuda

Respondido : 18/10/2021 10:49 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Carlos,

En este caso tendrías que optar por tomar como información la data-cell-id, de forma que únicamente tome estas dos para este cambio, utiliza este código:

[data-cell-id="A3"], [data-cell-id="B3"] {
writing-mode: horizontal-tb !important;
}

Con el estarías indicándole que apliqué esto a la celda A3 y B3 que corresponden a los dos campos que nos comentas.

Verifica y ya nos dices que tal va.

Un saludo 🖐️ 

Respondido : 18/10/2021 10:55 pm

Carlos
 Carlos
Reputable Member

@argenis

Genial Argenis.... funciona perfecto!! muchas gracias

Respondido : 18/10/2021 11:42 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Carlos,

Encantados de poder ayudar, si tienes alguna otra duda recuerda que puedes crear un nuevo tema y con gusto lo atenderemos.

Un saludo 🖐️ 

Respondido : 18/10/2021 11:54 pm

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