Añadir un fondo gri...
 
Avisos
Vaciar todo

Añadir un fondo gris claro a los laterales de la web

7 Respuestas
2 Usuarios
0 Reactions
1,133 Visitas
 Juan
Respuestas: 94
Trusted Member
Topic starter
 

Buenas tardes,

Cómo se hace para añadir un fondo (por ejemplo en gris claro) a todo el conjunto de la web?

Es posible que el fondo afecte únicamente a los laterales, fuera del contenido propio de la web pero ocupando los extremos a lo ancho de la pantalla?

Muchas gracias y un saludo

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 21/04/2015 4:49 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Podrías simularlo, aunque esto depende de la estructura de tu template, en tu caso la parte superior no se verá igual al contenido, puedes probar agregando el siguiente cóidigo, cambiar f7f7f7 por el color deseado

Ubica el siguiente archivo :
/templates/gk_news/css/template.css

Al final agrega :

body{
	background-color:#F7F7F7;
}

#gkContentTop,#gkPageContent,#gkBottom1,#gkBottom2,#gkFooter{
	background-color:white;
}

Saludos.


 
Respondido : 21/04/2015 6:52 pm
 Juan
Respuestas: 94
Trusted Member
Topic starter
 

Hola Jhon, he añadido ese código que me adjuntas, cambiando f7f7f7 por otro color (514747, para probar) y no veo ninguna diferencia. Algo que haya hecho mal?

Gracias!


 
Respondido : 22/04/2015 5:08 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Refresca tu navegador o limpia la cache ya que yo si veo los cambios

Saludos.


 
Respondido : 22/04/2015 9:22 pm
 Juan
Respuestas: 94
Trusted Member
Topic starter
 

Hola Jhon, tenemos un problema con el cambio de color de fondo. En su momento modificamos template.css para que mostrase una imagen a todo el ancho de la página, pero debe de existir un margen que no he conseguido cambiar (no lo encuentro en la hoja de estilos).

Al colocar un color de fondo en los laterales se hace evidente este margen. Cómo lo puedo quitar?

Muchas gracias!


 
Respondido : 24/04/2015 2:51 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Podrías probar añadiendo lo siguiente

#gkBannerTop{
	background-color:red;
}

#gkBannerTop .gkPage{
	background-color:white;
}

cambia el red por el mismo color que usas para el fondo

Saludos.


 
Respondido : 24/04/2015 6:27 pm
 Juan
Respuestas: 94
Trusted Member
Topic starter
 

Ahora parece que sí se muestra como queremos. Muchas gracias Jhon!


 
Respondido : 27/04/2015 5:05 pm