Cómo reducir tamaño de portada con CSS

[francisco]

Hola a todos y feliz año, alguien sabra algun codigo css para disminuir el tamaño de la portada un par de pixeles menos ? gracias de antemano

 

[alebote]

Propiedad "Height: "400px""

Por ejemplo

Aunque en ese caso se va a achatar, yo editaría la imagen directamente recortándola

 

[francisco]

Propiedad "Height: "400px""

Por ejemplo

Aunque en ese caso se va a achatar, yo editaría la imagen directamente recortándola

pasa que si la recorto queda igual pero con la imagen estirada

ro

 

[alebote]

Y has probado con la propiedad height?

 

[alebote]

en el div del background

elemento {
background-image: url("https://www.todofullxd.com/wp-content/uploads/2019/07/cropped-cyber-3400789_1920.jpg");
display: inline-block;
height: 20em;
}

en el de la imagen del logo cambias el tamaño

 

[francisco]

Y has probado con la propiedad height?

Eso achata la imagen como dijiste, el tamaño del banner siempre es el mismo sin depender el tamaño de la imagen

 

[francisco]

en el div del background

elemento {
background-image: url("https://www.todofullxd.com/wp-content/uploads/2019/07/cropped-cyber-3400789_1920.jpg");
display: inline-block;
height: 20em;
}

en el de la imagen del logo cambias el tamaño

Aver pruebo con eso

 

[alebote]

 

[francisco]

Lo aplico en el css adicional ?

 

[alebote]

Prueba a ver, pero tienes que aplicarlo en al id o clase de esos elementos

 

[francisco]

Seria


body .masthead-banner{
background-image: url("https://www.todofullxd.com/wp-content/uploads/2019/07/cropped-cyber-3400789_1920.jpg");
display: inline-block;
height: 20em;
}
?

 

[alebote]

No, el body sobra

 

[francisco]

Ahi quedo pero solo en la parte de abajo, arriba sigue el borde

 

[alebote]

Que raro, como ves a mí si me funciona, debe de estar fallando algo

 

[francisco]

Fijate directo en la web para que se vea con mas claridad todofullxd.com

 

[alebote]

Ok, ahora vete al logo y lo haces un poco más pequeño y ya estaría

 

[francisco]

Y eso corregeria el borde de arriba quiza

 

[alebote]

El borde blanco?

 

[MajesticCat]

Ahi quedo pero solo en la parte de abajo, arriba sigue el borde Ver el archivo adjunto 423361

Acabo de revisar y tiene el siguiente codigo de padding que lo empuja hacia abajo:

.masthead-banner.data-bg {
   padding: 45px 0;
}
.masthead-banner {
 padding: 30px 0;
}

Saludos

 

[francisco]

Que borde blanco ? yo no veo ningun borde blanco jaja