Estoy creando una página web y quiero introducir 4 columnas en el footer, ahora tengo 3 columnas y al añadir la cuarta se pierde el diseño.
ahora mismo solo tengo 3 columnas, y a la que pongo una cuarta se me pone abajo de ellas, y me gustaría tener 4 columnas en una misma fila. Como puedo conseguir esto?
Llevo mucho con este problema y no consigo arreglarlo.
Espero vuestra ayuda, muchas gracias
URL del sitio: Contenido solo visible a usuarios registrados
Hola Jorge, buenos Días.
Dependerá bastante de tu plantilla, para que podamos revisarlo, por favor añade la cuarta columna y así revisamos las alternativas que podemos tener.
Un saludo
Ya esta puesta ahora,
Muchas gracias de antemano
has podido mirarme lo de las columnas?
Hola Jorge.
Estoy revisándolo tan pronto como localice donde está el problema actualizaré el hilo.
Un saludo
Has podido conseguir una solución?
Hola Jorge, Buenos Días.
Estoy revisándolo, pero veo que habría que modificar mucho código para poder realizarlo, es un poco complicado.
Por favor, accede a Módulos y Servicios -> Posiciones de los Módulos
Adjúntanos una captura de los módulos que tienes en ' displayFooter '
Un saludo
Hola Jorge.
El problema esta en que es una plantilla de pago y no podemos descargarla para ver como esta configurada y comprobar el código que pueda tener.
Revisando la demo veo que se muestra como tu indicas, con cuatro columnas, por lo que deduzco que se modifico alguna cosa en tu plantilla -> http://addons.prestashop.com/demo/FO11440.html
Prueba lo siguiente y vemos si tenemos suerte:
.- Accede a Módulos y Servicios -> Posiciones de los Módulos
Cambia de posición el Bloque categorías y añádelo después del bloque social, en la posición 3.
un saludo
Hola
Podrías corregirlo por CSS ya que veo que tienen algunas clases que te estan ocupando más ancho de lo debido.
Usa el siguiente código CSS
@media (min-width:768px){ .footer-container #footer .blockcategories_footer, .footer-container #footer .footer-block{ width:22%; margin-top:55px; float:left; } } @media (max-width:768px){ .footer-container #footer .blockcategories_footer{ padding:15px; } }
Puedes poner este código al final del archivo :
/themes/light-studio/css/global.css
(documenta tus cambios ya que porías perderlos cuando actualices tu theme)
O si tu theme tiene algun archivo personalizado CSS o algo en la configuración para poner CSS también puedes usarlo.
Saludos.
Muchas gracias por la ayuda!!
Ya he podido solucionar el podido al poner este código! por fin!
Gracias