Hola @guajiro2000.
Puedes intentar el siguiente código en tu panel de administración, Apariencia -> Personalizar -> CSS adicional:
@media only screen and (max-width:980px) {
th {
width: 30% !important;
}
}
Puedes usar porcentaje (%) o cantidad fija (px) como unidad de medida, pero en este caso te recomiendo un porcentaje, el tú elijas, aunque creo que rondando el 30% queda bien.
Así te aseguras que mantenga esa proporción en tamaños de pantalla menores de 980px. A partir de ahí te aplicará la medida para desktop que ya tenías.
Ya nos dirás si te ha servido.
Saludos.
Iniciador del debate
Frank
(@guajiro2000)
Desgraciadamente no funciona correctamente. Si que conseguimos el objetivo en el dispositivo móvil, donde aparece una repartición correcta del TITULO y del ENUNCIADO de las características, pero en el PC no, ya que obtenemos un estrechamiento del campo de la izquierda donde aparece el titulo de la característica y se apilona el texto.
Seguramente se esté sobrescribiendo la propiedad CSS en pantalla desktop. Para controlar el tamaño en pantallas superiores a 980px, prueba el siguiente código, donde puedes probar unidades % ó px, como en el anterior ejemplo.
@media only screen and (max-width:980px) {
th {
width: 30% !important;
}
}
@media only screen and (min-width:981px) {
th {
width: 50% !important;
}
}
A ver esta vez si te funciona.
Saludos.
Iniciador del debate
Frank
(@guajiro2000)
Gracias asier0101, funciona perfectamente.
La cuestion ahora es como aplicarlo a los mas de 100 articulos en los que he de cambiarlo en el módulo de características de artículos, de Divi – Woocomerce. Uno a uno me voy a pasar una semana……….. agradezco cualquier idea…. gracias de nuevo.
No tienes que cambiarlo en cada artículo, los estilos se aplican a todas la tablas de tu web, más concretamente a los elementos <th>.
Si no ves los cambios, seguramente que sea por la caché del navegador. Inserta el código anterior en el CSS adicional, guarda el cambio y después limpia la caché del navegador. Vuelve a abrir la web en el navegador y verás los cambios hechos.