Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • 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 guajiro2000

    (@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 guajiro2000

    (@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.

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Debes estar registrado para responder a este debate.