Cómo cambiar el color y hacer estático el header

  • Autor Autor alexsaporta
  • Fecha de inicio Fecha de inicio
A

alexsaporta

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola!!! Necesito cambiar el color del header y que en lugar de ser fixed sea estático.

Para el color he intentado añadir #color: #xxxxxx a lo siguiente y nada:

.main-header {
text-align: center;
}

Para hacerlo estático he intentado cambiar la etiqueta fixed por absolut y tampoco ha resultado en nada... un poco de ayuda? Gracias amig@s!
 
El #color, de esta forma lo que estás haciendo es crear un id llamado color.

Lo que necesitas es background-color: #xxxxxx; y lo agregas a la clase .main-header

Y el fixed es fijo-estático, es exactamente lo mismo.
 
Debes buscar tu div que funciona de cabecera, asignarle un id, ejemplo: <div id="cabecera">TODO EL CONTENIDO DE TU HEADER</div> y luego en css: #cabecera{background-color:#xxxx;}

La otra manera de hacerlo, menos recomendable, es buscar el div de la cabecera: <div style="background-color:#xxxx !important;">TODO EL CONTENIDO DE TU HEADER</div> y agregarle el estilo ahi mismo como te muestro, el "!important" es por si el color ya está definido en otro archivo.
 
Si lo que necesitas es cambiar es el color de las letras seria
HTML:
header{color: #000000;}
y si necesitas cambiar el color de fondo seria
HTML:
header{background-color: #000000;}
 
Ejemplo desde el mismo html:
<h1 style="color:blue">H1 color de letras blue</h1>

css:
/*background*/
header{background-color:lightgrey}
/*letras*/
header {color:blue}
 
Atrás
Arriba