Ajustar imagen de portada para evitar espacios en menú

[Beta75]

Hola a tod@s!!!

Estoy teniendo un problema, hace unos días le agregué una imagen de portada a mi web y me quedó con unos espacios en blanco arriba y abajo de ella.
Pensé que sería por el tamaño, pero creo que no es eso. Ya que cuando era más grande la imagen, quedaba abajo del menú.

Quería saber si tengo que editar algo o cambiar algún código para que quede sobre el menú y llegue bien hasta arriba. Y que no me quede con espacios en blancos entre ella...

Saludos y gracias de antemano...

Web: Narutomanga75 - Donde el Anime es parte de la familia

 

[Taquion]

El div donde se encuentra la imágen tiene un padding:

.header-content {
padding: 35px 28px;

Modifica esto en tu style.css del tema que estas usando por así:

padding: 0px 28px; (esto establece un padding de 0 arriba y abajo del div y 28 px a los lados)

Suerte

 

[wcasiq]

tengo la misma pregunta, gracias.

 

[Beta75]

El div donde se encuentra la imágen tiene un padding:

.header-content {
padding: 35px 28px;

Modifica esto en tu style.css del tema que estas usando por así:

padding: 0px 28px; (esto establece un padding de 0 arriba y abajo del div y 28 px a los lados)

Suerte

Hola amigo, no funciona...

Ya lo edite como me dijiste pero sigue igual, otra cosa, por las dudas no sabe como puedo cambiar el color de los costados para que quede de color negro? solo en la portada...
Saludos y Gracias !!!

 

[Taquion]

Borra tu caché, tu sitio ya me aparece sin el padding.

En cuanto al background, puedes añadir a tu style.css:


background-color: #000;

En la sección:

#header,
#main-content,
#wrapper-footer {
float: left;
height: auto;
position: relative;
width: 100%;
}
Quedando:

#header,
#main-content,
#wrapper-footer {
float: left;
height: auto;
position: relative;
width: 100%;
background-color: #000;
}

Saludos

- - - Actualizado - - -

Aunque lo ideal sería cubrir con la imágen todo el header, ya que al hacer el cambio que anteriormente te indiqué se crea una zona "negra" justo antes del contenido, esto debido a la maquetación del theme que utilizas.

 

[Beta75]

Borra tu caché, tu sitio ya me aparece sin el padding.

En cuanto al background, puedes añadir a tu style.css:


background-color: #000;

En la sección:

#header,
#main-content,
#wrapper-footer {
float: left;
height: auto;
position: relative;
width: 100%;
}
Quedando:

#header,
#main-content,
#wrapper-footer {
float: left;
height: auto;
position: relative;
width: 100%;
background-color: #000;
}

Saludos

- - - Actualizado - - -

Aunque lo ideal sería cubrir con la imágen todo el header, ya que al hacer el cambio que anteriormente te indiqué se crea una zona "negra" justo antes del contenido, esto debido a la maquetación del theme que utilizas.

Amigo, revisa ahora... Le puse 100% y la imagen se agrando, una pregunta: todavía tengo que agregar esto que me dijiste?:

#header,
#main-content,
#wrapper-footer {
float: left;
height: auto;
position: relative;
width: 100%;
background-color: #000;
}

Saludos!!!

 

[Taquion]

No, para nada, ya que la imagen siempre ocupará el 100% no es necesario el fondo en negro.

 

[Beta75]

No, para nada, ya que la imagen siempre ocupará el 100% no es necesario el fondo en negro.

Ok, ya quedó, muchas gracias... Ahora solo tengo que arreglar los títulos de las entradas que se desacomodan en el home, me salvaste...
Saludos!!!