Scale background to the left

Hi,

I have a rectangular div with a background image of a person’s portrait to the right side.

When I scale the window down, the person’s head is cut off.

Is there a way I can have the background image scale to the let side of the image cuts off instead of the right?

This is the CSS I have:

.home-header-box-right-top{
	background: url(images/header-home-right-box-top.png);
	min-height: 239px!important;
	border: 1px solid #000
}

Thanks

It should be possible with the background-position and background-size properties.

Thanks for the reply.

I fixed it with:

.home-header-box-right-top{
	background: url(images/header-home-right-box-top.png) right;
	background-size: cover;
	min-height: 239px!important;
}
2 Likes

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.