Cabecera con fondo ...
 
Avisos
Vaciar todo

Cabecera con fondo blanco

11 Respuestas
3 Usuarios
0 Reactions
902 Visitas
Respuestas: 1055
Noble Member
Topic starter
 

Hola,

Estamos utilizando plantilla pandora (en estilo) las cabeceras las queremos con fondo claro y no oscuro. Pero en el editor no nos da dicha opción, captura pantalla:

Gracias.

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 30/07/2015 2:17 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Esta plantilla no dispone de la opción de seleccionar un estilo de cabecera claro. Por tanto, si quieres cambiar el estilo de la cabecera será necesario aplicar cambios en los CSS.

Si nos indicas, de forma detallada, el estilo que quieres que tenga la cabecera, te podríamos orientar sobre los cambios a realizar.


 
Respondido : 30/07/2015 2:58 pm
Respuestas: 1055
Noble Member
Topic starter
 

Hola! Revisando el sitio web (plantilla) necesitamos que las cabeceras de las subcategorias sean blancas para que nuestro logo destaque, ya que el fondo negro no se ve bien. Por ejemplo cuando accedes a quienes somos la cabecera será una imagen, pero si accedes al despegable del menú la cabecera es de color oscuro (negro) lo queremos con fondo blanco.

Gracias


 
Respondido : 30/07/2015 5:39 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Primero crea un archivo CSS personalizado para tu plantilla
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

En este archivo agrega el siguiente código :

#rt-top-surround.absoluto{
	background-color : rgba(255,255,255,.4);
}

.gf-menu .item{
	color : #555;
}

La primera parte verás un .4 esto da la transparencia del color blanco, la segunda parte #555 es el color de los ítems de menú ya que por defecto eran blancos, mejor ahora ponerlo más oscuro

Saludos.


 
Respondido : 30/07/2015 6:09 pm
Respuestas: 1055
Noble Member
Topic starter
 

Hola Jhon, gracias se muestra mucho mejor. Pero no entiendo el por qué dentro de los despegables se muestra en negro: http://toldoscrisasol.es/modelos-de-toldos/toldos-para-terrazas-las-palmas.html
en este otro también: http://toldoscrisasol.es/sobre-los-toldos/ventajas-del-uso-de-toldos.html

Que tengo que crear otro código personalizado?
Gracias.


 
Respondido : 30/07/2015 6:44 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Si, efectivametne, tendrías que agregar al archivo indicado anteriormente un código como el siguiente :

.gf-menu .dropdown{
background:white;
}

Si vas a seguir haciendo cambios CSS te recomiendo revises :
https://www.webempresa.com/blog/item/1837-como-modificar-estilos-css-en-plantillas-joomla-wordpress-o-prestashop.html

Saludos


 
Respondido : 30/07/2015 7:55 pm
Respuestas: 1055
Noble Member
Topic starter
 

Hola,

He modificado el código creando una carpeta personalizada, pero no se reflejan los cambios. En este apartado necesitamos que el fondo sea blanco y los items del menús en gris. Gracias

Adjunto las capturas para detectar el fallo:


 
Respondido : 25/08/2015 12:02 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

En tal caso prueba a agregar el siguiente estilo:

#rt-top-surround {
background: #FFF;
}

Esto debería hacer que se mostrara la cabecera con fondo blanco.


 
Respondido : 25/08/2015 3:16 pm
Respuestas: 1055
Noble Member
Topic starter
 

Hola! Gracias por el nuevo código ahora si se refleja el cambio. Pero una consulta me parece o ha quedado un poco despixelado? Noto dos tipos de blancos distintos.

Saludos


 
Respondido : 26/08/2015 2:36 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Revisando sí que veo que se está cargando una imagen de patrón de fondo adicional para hacer un sombreado. Para quitarla, añade el siguiente código adicional al que te había indicado.

#rt-top-surround:after {
background: none;
}

 
Respondido : 26/08/2015 2:45 pm
Respuestas: 1055
Noble Member
Topic starter
 

Hola! Gracias por vuestra ayuda. Ya lo he solucionado simplemente añadiendo una imagen igual que el resto de las páginas.

Un saludo!


 
Respondido : 03/09/2015 11:58 am