Best way to get rid of blurry images

Hello

I am using the instyle theme to build a woocommerce site that you can see at http://www.danikloglou.gr. In the front page every image and especially those inside the slider, are blurry. The original size of the slider images is 640 x 400. It is scaled for just a few pixels and it looks horrible.

Any workaround on this?

Hi,

Images are adjusted to the container, because of the responsiveness.
You can disable it, please add the following code into the theme’s css/override.css file (make sure to enable the “Use the override.css file” option in Template options > Advanced in the WordPress backend)

Code: Select all

.gk-is-wrapper-gk-instyle img {
   max-width: none;
   width: auto;
}


Hello

I found a solution that suits me better.

I used @media (min-width: 1280px;) to set up static width divs, so at least the images won't be blurry at most desktops. I can live with blurriness at tablets and mobile phones, but in desktop was really ugly.