Classic image not filling the container

Support
#1

Hi,

On the 767 breakpoint, the classic image isnt filling the whole container. How do i fix that?

I have a classic CTA right underneath the photo.

Thanks.

#2

Hi Ali,

Thanks for reaching out.

The image will only respond if the container is smaller than the image itself, else, it will display on its original size. It’s because if the original size is 100px and container size is 400px then stretching the 100px to 400px will be blurry. You can do these

  1. Upload a bigger image larger than the current container

  2. Force it by adding this CSS to Theme Options > CSS

.x-img img {
width: 100% !important;
max-width: 100% !important;
}

The downside, small image’s quality will be affected.

  1. Use V2 image element and use its size option

Thanks!

#3

ahhhh. thank you that makes sense :slight_smile:

#4

Glad we were able to help :slight_smile:

#5

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