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.
Iniciador del debate
jenh88
(@jenh88)
Buenas!!
No me funciona….
¿Qué valores debería poner para que funcione?
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.
Iniciador del debate
jenh88
(@jenh88)
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.
¿Dónde estás poniendo el código?
Iniciador del debate
jenh88
(@jenh88)
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.
Iniciador del debate
jenh88
(@jenh88)
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;
}
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 😉
