4 columnas en foote...
Avisos
Vaciar todo

4 columnas en footer  

 
Jorge Antonio
 Jorge Antonio
Usuario experto

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

Citar
Respondido : 04/10/2016 9:55 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 04/10/2016 11:03 am

Cursos Gratuitos WordPress

Jorge Antonio
 Jorge Antonio
Usuario experto

Ya esta puesta ahora,

Muchas gracias de antemano

ResponderCitar
Respondido : 04/10/2016 11:09 am
Jorge Antonio
 Jorge Antonio
Usuario experto

has podido mirarme lo de las columnas?

ResponderCitar
Respondido : 04/10/2016 1:45 pm

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jorge.

Estoy revisándolo tan pronto como localice donde está el problema actualizaré el hilo.

Un saludo

ResponderCitar
Respondido : 04/10/2016 1:48 pm
Jorge Antonio
 Jorge Antonio
Usuario experto

Has podido conseguir una solución?

ResponderCitar
Respondido : 05/10/2016 9:10 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 05/10/2016 10:54 am
Jorge Antonio
 Jorge Antonio
Usuario experto

Aquí lo tienes, y gracias por la ayuda, no imaginaba que puediéra llevar tanto lio

ResponderCitar
Respondido : 05/10/2016 11:06 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 05/10/2016 12:17 pm
Jorge Antonio
 Jorge Antonio
Usuario experto

Ya probé de cambiarlo de posición, he puesto categorías en todas las posiciones, y nunca se pone correctamente. Si lo pongo en la posición 3, este es el resultado, (adjunto imagen)

ResponderCitar
Respondido : 05/10/2016 1:19 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 05/10/2016 6:37 pm
Jorge Antonio
 Jorge Antonio
Usuario experto

Muchas gracias por la ayuda!!

Ya he podido solucionar el podido al poner este código! por fin!

Gracias

ResponderCitar
Respondido : 07/10/2016 9:18 am

Cursos Gratuitos WordPress