Cómo mejorar la apariencia de tablas en WooCommerce de Wordpress

  • Autor Autor tavitooo
  • Fecha de inicio Fecha de inicio
tavitooo

tavitooo

Eta
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Amigos buenas tengo instalado el WooCommerce y en Productos agregue mi producto y quiero poner una tabla pero siempre me sale feo la tabla es decir todo a la derecha ver imagen asi quiero que salga:
1.webp



Pero cuando le doy Vista Previa o cuando lo publico y lo veo en la web sale feo miren asi sale todo separado ya no se que mas pueda ser:

2.webp
 
Y tu hosting no da soporte?
 
No es problema del hosting, ya que cuando creo un nuevo post si sale para crear tabla es más sale el wordpress editor moderno. en cambio en la seccion Productos sale ese editor antiguasoooo!! que ni tiene para hacer tabla y cuando lo hago por HTML pufff sale todo a la derecha una parte y el otro a la izquierda asi todo separado!!!. waaaa no puedo hacer una tabla decente estoy varias horas tratando.
 
Hay algun archivo CSS que te esta causando el problema. Pasame la url de la web en cuestion para poder ayudarte de forma mas detallada
 
Hay algun archivo CSS que te esta causando el problema. Pasame la url de la web en cuestion para poder ayudarte de forma mas detallada
 
Cuando creo un producto e ahi ese editor antiguo que no tiene para agregar tabla ni con html me deja hacerlo. En cambio cuando entro a NUeva entrada ahi si todo normal.
1.webp
 
No es problema del hosting, ya que cuando creo un nuevo post si sale para crear tabla es más sale el wordpress editor moderno. en cambio en la seccion Productos sale ese editor antiguasoooo!! que ni tiene para hacer tabla y cuando lo hago por HTML pufff sale todo a la derecha una parte y el otro a la izquierda asi todo separado!!!. waaaa no puedo hacer una tabla decente estoy varias horas tratando.
Agregale "center" a tu codigo html, y estara centrado tu tabla.
 
El problema es el theme que estas utilizando el cual dentro de su CSS hace que las tablas se muestren de esa forma. La solucion mas simple y rapida es que descargues este plugin: https://es.wordpress.org/plugins/shortcodes-ultimate/

y ya al activarlo tendras la opcion de insertar un Shortcode que genere una tabla con su propio CSS y te quitas el problema de tu Theme
 
Agrega esto a tu CSS

CSS:
td {
    width: auto !important;
}
 
Agregue el plugin que el compañero @raul777 pero igual sigue saliendo todo a la derecha y tambien le puse el codigo css que menciona @username666 y de igual forma sigue saliendo todo a la derecha miren VEr
1.webp
 
Está mal agregado el css, quita eso que tienes y agrega esto
HTML:
<style>
td {
    width: auto !important;
}
</style>
 
Está mal agregado el css, quita eso que tienes y agrega esto
HTML:
<style>
td {
    width: auto !important;
}
</style>
Está mal agregado el css, quita eso que tienes y agrega esto
HTML:
<style>
td {
    width: auto !important;
}
</style>

Excelente eso era!!! si funciono solamente con ese codigo!!! Gracias a todos en especial a @username666 abrazos y feliz cuarentena hermanos!!!
 
1585622960308.webp


Sólo agrega bien el código para que no tengas a problemas en otras áreas, te faltó cerrarle la llave
} <-- agrega ese antes del </style>
 
Atrás
Arriba