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

tavitooo · 30 Mar 2020

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:

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:

franklin2345 · 30 Mar 2020

Y tu hosting no da soporte?

tavitooo · 30 Mar 2020

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.

raul777 · 30 Mar 2020

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

tavitooo · 30 Mar 2020

raul777 dijo:
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

Abrigo para niña Invierno Otoño

¿Te preocupa que la ropa lastime la piel de tus hijos? Nuestra ropa es suave con la piel, hecha de algodón, suave y transpirable. Abrigo casual con bordado de un solo pecho, que hará que tus hijos se vean lindos y atractivos. El conjunto de ropas tiene 4 tallas: Celda de la tabla principal...

chinimini.elinformanteperu.com

tavitooo · 30 Mar 2020

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.

Usuario eliminado 222564 · 30 Mar 2020

tavitooo dijo:
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.

tavitooo · 30 Mar 2020

LexVG dijo:
Agregale "center" a tu codigo html, y estara centrado tu tabla.

Ya agregue Center y sin embargo sigue saliendo todo a la derecha Ver resultado

raul777 · 30 Mar 2020

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

Usuario eliminado 222564 · 30 Mar 2020

tavitooo dijo:
Ya agregue Center y sin embargo sigue saliendo todo a la derecha Ver resultado
Ver el archivo adjunto 232796

Busca en google, codigo html para centrar un texto y te saldra como lo tienes que hacer

username666 · 30 Mar 2020

Agrega esto a tu CSS

CSS:

td {
    width: auto !important;
}

tavitooo · 30 Mar 2020

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

username666 · 30 Mar 2020

Está mal agregado el css, quita eso que tienes y agrega esto

HTML:

<style>
td {
    width: auto !important;
}
</style>

tavitooo · 30 Mar 2020

username666 dijo:
d { wid

username666 dijo:
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!!!

username666 · 30 Mar 2020

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>

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

tavitooo

franklin2345

tavitooo

raul777

tavitooo

Abrigo para niña Invierno Otoño

tavitooo

Usuario eliminado 222564

tavitooo

raul777

Usuario eliminado 222564

username666

tavitooo

username666

tavitooo

username666

Temas similares