Soporte » Diseño – Temas y plantillas » Problemas con los widgets

  • Resuelto jenh88

    (@jenh88)


    Buenas!!

    En la página donde estoy trabajando, aparecen widgets en la parte inferior de la página, están ordenados de forma que dos de ellos se muestran en la parte izquierda de la página, uno debajo del otro, de igual manera otros dos en la parte central y otro en la parte izquierda. Después de haber realizado algunos cambios y modificaciones en la página (cambios y modificaciones sin tocar nada de los widgets) el widget de la parte derecha se me ha trasladado justo debajo de los widgets de la parte izquierda, no sé a que se debe esto y cómo solucionarlo. Si alguien puede darme alguna solución, sería de gran ayuda.

    Muchas gracias!!

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

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • Moderador Jose Luis

    (@jose64)

    Hola.

    En el CSS tienes estas reglas:

    @media (min-width: 1200px)
    .container {
        max-width: 1140px;
    }
    @media (min-width: 1200px)
    .span4 {
        width: 370px;
    }
    @media (min-width: 1200px)
    .span1, .span10, .span11, .span12, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9 {
        float: left;
        min-height: 1px;
        margin-left: 30px;
    }

    Tienes que modificar el CSS de forma que los tres widgets entre en el espacio que tienen asignado, ahora mismo los widgets ocupan 1200px (según las dos últimas reglas) y el espacio máximo es de 1140px (según la primera). Añade las reglas corregidas al CSS personalizado del tema en la ruta:

    Apariencia > Ajustes > CSS adicional

    Comenta si te funciona y recuerda cerrar el debate marcándolo como resuelto, así nos ayudas a mantener el foro al día.

    Buenas!!

    No me funciona….

    ¿Qué valores debería poner para que funcione?

    Moderador Jose Luis

    (@jose64)

    Hola.

    Esos son los valores que tienes actualmente, te los indicaba para que sacases las cuentas y ajustases. Puedes cambiar el ancho de los widgets del footer:

    @media (min-width: 1200px)
    .span4 {
        width: 360px !important;
    }

    De todas formas, la causa del descuadre viene de los cambios que hiciste:

    Después de haber realizado algunos cambios y modificaciones en la página

    Deberías revisar los cambios porque seguramente modificaste el ancho del contenedor o algún margen.

    Nada… sigue sin verse bien… de todos modos, me da un error en el .span4, me subraya en rojo el ., y en la cruz que sale al lado me muestra al poner el ratón encima «expected librace».

    Los cambios que realicé anteriormente fueron todos gráficos, no toqué codigo en ningún momento, no domino mucho el código y me da miedo meterle mano, lo único que hice fue crear una página con elementor la cual puse como página principal estática, al publicarla me cambió el widget.

    Moderador Jose Luis

    (@jose64)

    ¿Dónde estás poniendo el código?

    en el css adicional de wordpress, no me funciona, he probado a ponerlo en el css personalizado, que creo que es lo mismo, y ahi me muestra ese error.

    Problema solucionado introduciendo este código:

    div.container.footer-widgets{
    width:1200px;
    }

    div#footer_one.span4{
    width:360px;
    }

    div#footer_two.span4{
    width:360px;
    }

    div#footer_three.span4{
    width:360px;
    }

    Odana

    (@kontacta)

    Hola, tenía un problema con los widgets, me desaparecían al rato de modificarlos, al final decidí desactivar algunos plugin, era uno de ellos (tengo que ver exactamente cual) al desactivarlos se solucionó el problema. me paso en una página que teníamos de control de plagas si alguien tiene ese problema recomiendo «mirar» los plugin que tenéis, espero sea de ayuda mi «aventura» con los dichosos widgets. Un saludoooo 😉

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