Desajuste en el diseño de la tabla resumen de compra

Acabo de hacer ahora mismo una prueba y me sale todo bien.

Te dejo una imagen para que lo veas.

No se como podría verlo.

Mira a ver si puedes crear un cliente ficticio y así puedo entrar con sus datos y hacer una compra simulada. OJO: hablo de un cliente y no de que me des de alta como usuario de tu sitio.

Y como es obvio, debes tener control de los pedidos efectuados con esa cuenta para que no se lleguen a ejecutar.

Una forma rápida de solucionarlo sería añadir en Apariencia > Personalizar > CSS adicional lo siguiente:

table td:nth-child(1) {
	width: 60%;
}

Ahora bien, la solución buena es modifcar esa página y poner la tabla de los productos arriba y luego el formulario de la facturación que aparezca debajo.

El problema es que ese código afecta a la primera columna de todas las tablas. Prueba con el siguiente código (sustituye al que te dije antes)

shop_table td:nth-child(1) {
	width: 60%;
}

De todas formas, prueba este código:

shop_table table td:nth-child(1) {
	width: 60%;
}

Tengo curiosidad por saber si funciona.

Disculpa pero me dejé un «punto» delante de «shop_table»

¿Puedes probar con lo siguiente?

.shop_table table td:nth-child(1) {
	width: 60%;
}

Lo que intento es que solo afecte la tabla con clase «shop_table».

Acabo de comprobarlo y esto sí funciona:

.shop_table td:nth-child(1) {
	width: auto !important;
}

Cambia lo de auto por el valor en px (ejemplo: 500px) o % (ejemplo: 50%).

El número que hay entre paréntesis es la columna. Yo he puesto la primera pero prueba hasta ver a qué columna quieres que afecte.