Avisos
Vaciar todo

[Resuelto] Texto en vertical  

 
Carlos
 Carlos
Reputable Member

Buenas me gustaria poner el texto de las celdas en rojo en vertical, en su dia abri un hilo y lo conseguimos, segui las instrucciones pero no me funciona, el hilo ya esta cerrado pero era este: https://www.webempresa.com/foro/plugins-wordpress/texto-en-vertical-en-tabla#post-406015

Me gustaria poner las celdas que estan en rojo de esta tabla:

Sin título

 

para que queden como esta:

Screenshot 3

Muchas gracias.

 

https://safegest.com/clases-de-mercancias-peligrosas/

Contenido solo visible a usuarios registrados

Respondido : 21/05/2022 1:38 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Carlos.

Revisa si es esto lo que buscas:

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

 

Puedes añadirlo en apariencia -> personalizar -> CSS Adicional.

 

Un saludo

Respondido : 21/05/2022 3:48 pm

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

Carlos
 Carlos
Reputable Member

@pepesoler Hola Pepe gracias en esa pagina me funciona, pero en otra q es un curso no me deja cambiarlo, podria darte unas claves de accfeso al curso para que lo veas por dentro?

Un saludo

Respondido : 21/05/2022 5:03 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Carlos,

Puedes intentar adaptar el CSS para que se apliquen los estilos un poco mas globales

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

Recuerda que no podemos ingresar a los sitios de los clientes sin embargo esperamos apoyarte por este medio en lo posible

Compártenos otro enlace donde aparezca la tabla y validamos si funcionan los estilos

Saludos!

Respondido : 21/05/2022 5:24 pm

Carlos
 Carlos
Reputable Member

@bruno-vichetti

Buenas Bruno, lo que me gustaria es que en lugar de tan general fuera celda por celda menos global pq sino me cambia todo.

Es decir como podria hacer para que la segunda celda sea vertical.

Me gustaria ver el codigo para poder aplicarlo a la otra web.

Un saludo

Respondido : 22/05/2022 3:34 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Carlos,

lo que me gustaría es que en lugar de tan general fuera celda por celda menos global pq sino me cambia todo.

En este caso tu solicitud es mucho mas especifica y para poder asignar estilos a elementos específicos pues es necesario que tengan algún identificador  que diferencie un elemento de otro como por ejemplo puede ser una clase, otra opción es que puedas jugar con el selector nth donde indicando el numero del elemento puedes aplicar estilos específicos por ejemplo 

#wpdtSimpleTable-2 td:nth-child(2){
writing-mode: vertical-lr;
height: auto !important;
}

En el estilo referenciado esto primero definiendo el ID único de la tabla el cual es #wpdtSimpleTable-2,  luego estoy asignando los estilos al elemento "td" en la segunda posición, el numero entre paréntesis es donde decimos la posición del elemento que queremos aplicar los CSS

Para mayor información https://www.w3schools.com/cssref/sel_nth-child.asp\

Saludos!

Respondido : 22/05/2022 3:59 am

Cursos Gratuitos WordPress

Carlos
 Carlos
Reputable Member

ya esta @bruno-vichetti @pepesoler gracias por la ayuda, logre solucionarlo era un { lo que me estaba bloqueando todo el codigo.

Muchas gracias!!! 

Respondido : 22/05/2022 4:03 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Carlos,

Excelentes noticias, siempre es un gusto poder ayudarte, cualquier otra consulta estaremos atentos

Saludos!

Respondido : 22/05/2022 4:11 am

wpdoctor-revisa-la-salud-de-tu-wordpress