background image

[arrigons]

Hi there!
you gave me good hints in this post
https://archived.seventhqueen.com/forums/topic/how-to-hide-backgroung-image

Now I have a new request that comes to the need I have to use a background image with this dimensions 2521X779. I’m using the following quick CSS to manage it:

.home .header-bg {
background-color: #0076A3;
background-image: url(“wp-content/uploads/home.png”);
background-repeat: no-repeat;
background-size: 100% 100%;
}

The problem I have is that the backgrounf image is stretch in height. Is there any solution?

Many thanks
Andrea

[JohnDoe]

Try :

.home .header-bg {
background-color: #0076A3;
background-image: url(“wp-content/uploads/home.png”);
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}

[Author]

Posts