How to make background image on Elementor section clear

In the boxed demo, under the trending products, there is a section with 2 columns that I turned into one. However, I can’t manage to make the image clear on the desktop. Even tough, when I open it normally on the PC or the Media Library, it doesn’t look pixelated.

I tried to use the same size as the original one, didn’t help. The image custom height is on. I played it different options, but nothing kept a similar size/shape and clean image.

Any ideas? Thanks.

Hello,

When you set a custom size of an image, Elementor resizes a raster image using its own compression settings, which we can’t control via WordPress theme.
If you want to use raster images, we recommend you to change image file dimensions in the image editor to the desired values, save it without compression and upload to the infobox element using the Full image size option https://prnt.sc/1falx9p

Kind Regards

The link doesn’t work. I have a clear image that gets rastered after added to the background of the section. How can i keep it clear?

Hello,

Try to upload the image of the bigger size. WoodMart theme does not influence or have any option to change the image view, unfortunately.

Perhaps you will need to edit your image in an image editor.

Best Regards

[Author]

Posts