Ajustar el ancho del footer  

 
Sergio Frutos
 Sergio Frutos
Usuario experto

Hola a todos,
¿como puedo hacer para que la anchura del footer sea igual al de la cabecera de mi página?
Adjunto una foto de como me gustaria que quedara.
La url de mi pagina es www.olimaia.com
Gracias
Sergio

Citar
Respondido : 08/12/2011 9:33 pm
David Noguera
 David Noguera
Miembro Admin

Hola Sergio, para tienes que cambiar la plantilla, ya que la clase "tpcontainerbottom", que es la que se encarga de dar estilo al footer, se encuentra dentro de un wrapper encargado de dar ancho y centrar la página.

La cabecera está hecha con una imagen de fondo aplicada al body de esta forma:

body {
background: url("../images/back.jpg") no-repeat scroll center top transparent;
}

Yo lo que haría sería modificar la imagen y los estilos de cabecera para que la cabecera tenga el mismo ancho que el footer..

Para llo tendrías que modificar la imagen que tiene 1.600 px de ancho, ponerlo en 960px y cambiar los estilos CSS para que en vez de ser aplicada al body como imagen de fondo sea aplicada al id tpcontainer..

la imagen que has de modificar es esta:

Saludos

Si te ha servido de ayuda, déjanos tu testimonio con un link hacia tu Web y mejora su posicionamiento:
Enviar testimonio
¡Gracias!.

ResponderCitar
Respondido : 09/12/2011 10:44 am

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

Sergio Frutos
 Sergio Frutos
Usuario experto

Gracias David,
¿como puedo hacer para aumentar la anchura del tpcontainerbottom? es donde quiero poner la imagen igual a la cabecera, ahora está a 50 y quiero ponerla a 90px.

ResponderCitar
Respondido : 10/12/2011 7:12 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Sergio

Tu sitio esta en mantenimiento y no podemos ver el código para responderte adecuadamente.
http://www.olimaia.com/

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 10/12/2011 2:54 pm

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

Sergio Frutos
 Sergio Frutos
Usuario experto

Hola Jhon,
Ya lo tienes activado
Gracias
Sergio

ResponderCitar
Respondido : 10/12/2011 5:07 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Sergio

Este es un estilo que crea tu template cuando defines la anchura de tu sitio, revisa en los parámetros de tu plantilla la definición del ancho.

Por otro lado, tal como te indica David, es más práctico hacer que la cabecera reduzca su ancho ya que si quieres que el footer se amplie como lo hace la cabecera, necesitarás hacer muchos cambios en la estructura de tu template

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 10/12/2011 6:02 pm

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

Sergio Frutos
 Sergio Frutos
Usuario experto

Perdona Jhon, donde dije anchura queria decir altura, he buscado pero no encuentro en que archivo se define este parametro.

ResponderCitar
Respondido : 11/12/2011 7:59 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Sergio

Debes buscar el archivo de estilo de tu template, posiblemente el archivo template.css, no puedo indicarte el nombre por que esta habilitado la compresión CSS de tu template, debes deshabilitar esta opción desde la configuración de tu plantilla

Agregar height:

#tpcontainer .tpcontainerbottom{
/*otro código*/
height : 300px; 
}

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 11/12/2011 12:49 pm

Cursos Gratuitos WordPress

Sergio Frutos
 Sergio Frutos
Usuario experto

Gracias Jhon, ya lo he probado y me ha funcionado.

ResponderCitar
Respondido : 11/12/2011 6:20 pm

Por favor Iniciar Sesión o Registro