Soporte » Plugins y Hacks » WooCommerce » Margen izquierdo en product info

  • Resuelto alambrito

    (@alambrito)


    Hola, tengo un problema cuando visualizo mi tienda desde el móvil. Y es que las cajitas con las variaciones del producto quedan tan a la izquierda que no se ve ni el borde izquierdo de una de ellas. He probado de todo y no da resultado, podéis ayudarme? Gracias

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 15 respuestas - de la 1 a la 15 (de un total de 18)
  • Moderador almendron

    (@almendron)

    Prueba con

    .yay-swatches-attribute-term.yay-swatches-swatch.yay-swatches-active {
    	margin-left: 5px;
    }
    Iniciador del debate alambrito

    (@alambrito)

    Se separa pero solo en el ordenador y cuando pulsas sobre él, en el móvil no hace nada. Gracias de todas formas, alguna otra opción?

    Moderador almendron

    (@almendron)

    Lo he comprobado y funciona perfectamente también en móviles. De todas formas, prueba con

    .yay-swatches-wrapper .variations_form.cart .variations .value {
    	margin-left: 5px !important;
    }
    Iniciador del debate alambrito

    (@alambrito)

    A mí personalmente no me funciona en el móvil, en el ordenador sí. De todas formas creo que el problema es otro porque con otro plugin también ocurre: https://www.plantascarnivoras.es/comprar/rizoma-sarracenia-algodon/

    Moderador almendron

    (@almendron)

    Hagamos una prueba. Añade

    .yay-swatches-wrapper .variations_form.cart .variations .value {
    	margin-left: 5px !important;
    }

    Y no lo quites para que le pueda echar un vistazo.

    Iniciador del debate alambrito

    (@alambrito)

    ya lo tienes

    Moderador almendron

    (@almendron)

    No lo está cogiendo.

    ¿Dónde añades el código CSS?

    Moderador almendron

    (@almendron)

    De todas formas, prueba con

    .yay-variant-wrapper.yay-swatch-wrapper-class {
    	margin-left: 5px !important;
    }
    Iniciador del debate alambrito

    (@alambrito)

    Lo añado en Apariencia – Personalizar – Css adicional. Otros códigos los añado ahí y bien. Sigue sin cogerlo, yo creo que el problema no es de este plugin como te comentaba, porque con el plugin de Tiered price pasa lo mismo…y tiene que ver con la versión móvil porque la desktop lo hace bien.

    • Esta respuesta fue modificada hace 2 semanas por alambrito.
    Moderador almendron

    (@almendron)

    Es muy raro. No importa el plugin porque estamos aplicando una regla CSS, Prueba con

    .yay-variant-wrapper {
    	margin-left: 5px !important;
    }

    Y no lo quites.

    Iniciador del debate alambrito

    (@alambrito)

    Hecho.

    Moderador almendron

    (@almendron)

    ¿Puedes poner lo que has añadido exactamente? Es que me sale la siguiente regla:

    @media screen and (min-width: 768px) {
      @media screen and (min-width: 768px) {
        .yay-variant-wrapper {
          margin-left: 5px !important;
        }
      }
    }

    y claro, no se aplica al móvil.

    Moderador almendron

    (@almendron)

    Creo que está metiendo la regla dentro del «@media screen and (min-width: 768px)»

    Iniciador del debate alambrito

    (@alambrito)

    Pongo justo esto:

    .yay-variant-wrapper {

    margin-left: 5px !important;

    }

    Iniciador del debate alambrito

    (@alambrito)

    Ok, ya está, he puesto este código antes que ese donde aparecía lo de 768px y ya funciona. Madre mía con la tecnología…mil gracias

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