I created a content search picture web part. But it seems displayed not so good as I want. There is a black space in the bottle. And there is a blank area in the right side as below shown. How should I do to adjust the picture as my idea?

enter image description here

1 Answer 1


you have to modify your CSS!

The problem is, that the picture is not the same size as the box and resized to box width.

looks like the box has a fixed height and with:

something like that:

width: 320px;
height: 80px;

.box img{
width: 320px;
height: auto;

maybe you can set the picture as background-image and then set the background-size: cover;

or something like that to fit the result to your needs!

check this out for more background css info:

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.